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第 2 版 前 言 


本 书 是 根据 编者 多 年 的 教学 经 验 和 对 高 职高 专 、 中 等 职业 学 校 及 技工 学 校 学 生 安 际 情 
况 (强调 学 生 的 动手 能 力 移 了 解 编写 的 ,精心 挑选 了 53 个 案例 进行 详细 讲解 ,再 通过 这 些 
案例 的 配套 练习 来 巩固 所 学 内 容 。 本 书 采 用 广 际 操作 与 理论 分 析 相 结合 的 方法 ， 让 学 生 在 
案例 制作 过 程 中 学 习 、 体会 理论 知识 , 同时 扎 详 的 理论 知识 又 为 误 际 操作 葛 定 坚 详 的 基础 ， 
使 学 生 每 做 完 一 个 案例 就 会 有 一 种 成 就 感 ， 这 样 大 大 提高 了 常生 的 学 习 兴趣。 

本 书 内 容 分 为 Flash CS5 基础 知识 .Flash CS5 图 形 给 和 CS5 文字 特效 Flash CS5 
动画 制作 、Flash CS5 按钮 制作 、Flash CS5 综合 制作 六 小 名 分 。 本 书 第 2 版 的 编写 体系 做 
了 精心 的 设计 ， 并 更 换 了 第 1 版 中 的 部 分 末 例 , , 按 :I 例 效果 预览 一 案例 画面 效果 及 制 
作 流 程 分 析 一 详细 制作 步骤 一 举一反三 ”这 一 喇 医 进 行 编排 ， 力 求 通过 案例 效果 预览 增加 
学 生 的 积极 性 和 主动 性 ; 通过 案例 画面 效 办 及 制作 流程 分 析 ， 使 学 生 了 解 整 个 秦 例 的 制作 
流程 、 edi 通过 详细 制作 步 骏 使 学 生 拿 握 整 个 案例 的 制 
作 过 程 和 需要 注意 的 细节 ; ee 革 合 学生 对 所 党 知识 进一步 得 到 巩固 和 加 强 。 编 者 
将 Flash CS5 的 基本 功能 和 新 克 能 如 入 实例 的 讲解 读者 可 以 边 学 边 练 , 既 能 掌握 
软件 功能 ， 又 能 快速 作 过 程 中 。 本 量 ， 可 以 作为 网 页 动画 设计 者 与 爱 
好 者 及 学 生 的 工具 要 的 效果 的 制作 。 本 书 的 每 一 章 都 有 
学 时 供 老师 教学 学 时 参考 ， 中 一 章 的 案例 效果 文件 和 素材 ， 可 通过 网 上 
ee 1/ 

参与 本 书 编写 工作 的 有 张 喜 生 、 于 永 忱 、 伍 福 军 、 张 巧 玲 、 李 上 暗 、 张 珈 瑞 、 卢 永 平 。 

本 案例 教程 内 容 不 仅 适 用 于 高 职高 专 及 中 等 职业 院 校 学 生 ， 也 适 于 作为 短期 培训 ， 对 
于 初学 者 和 自学 者 尤为 适合 。 

由 于 编者 水 平 有 限 ， 定然 存 在 琉 漏 ， 茹 请 广大 读者 批评 指正 ! 联系 电子 邮箱 
763787922@qq.com。 
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本 书 是 根据 编者 多 年 的 教学 经 验 和 对 高 职高 专 、 中 等 职业 学 校 及 技工 学 校 学 生 安 际 情 
况 (强调 学 生 的 动手 能 力 和 了 解 编写 的 ,精心 挑选 了 53 个 案例 进行 详细 讲解 ,再 通过 这 些 
案例 的 配套 练习 来 巩固 所 学 内 容 。 本 书 采用 实际 操作 与 理论 分 析 相 结合 的 方法 ,让 学 生 在 
案例 制作 过 程 中 学 习 、 体 会 理论 知识 ,同时 扎实 的 理论 知识 又 为 实际 操作 葛 定 坚 详 的 基础 ， 
使 学 生 每 做 完 一 个 案例 就 会 有 一 种 成 就 感 ， 这 样 大 大 提高 了 常生 的 学 习 兴趣。 

本 书 内 容 分 为 Flash CS5 基础 知识 ,Flash CS5 图 形 绘制 ^ CS5 文字 特效 .Flash CS5 
动画 制作 、Flash CS5 按钮 制作 、Flash CS5 综合 制作 6 大 部 汾 。 编 者 将 Flash CS5 的 基本 功 
能 和 新 功能 融入 实例 的 讲解 过 程 中 ， 使 读者 可 以 这 芝 济 未 ， 既 能 掌握 软件 功能 ， 又 能 快速 
进入 案例 操作 过 程 中 。 本 书 内 容 丰富 , 可 以 作 霉 出 开动 画 设计 者 与 爱好 者 及 学 生 的 工具 书 ， 
通过 本 书 可 随时 人 翻阅、 查找 需要 的 效果 的 再 人 内 众 。 本 书 的 每 一 章 都 有 学 时 分 配 供 老师 教 
学 和 学 生 自学 时 参考 ， 同 时 配 有 9 案例 Flash 效果 文件 ， 可 通过 网 上 下 载 使 用 
(http://pup6.com/ebook htm)。 
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时 知识 点 : 0 


1. Flash CS5 的 启动 及 其 工作 界面 介 名 
2. 绘图 工具 的 名 称 及 作用 
3. 时 间 轴 及 功能 面板 介绍 从 


4. 动画 及 动画 的 基本 类 NS 
5. 场景 与 肛 台 及 工作 库 】 从 


6. Flash CS5 常用 

7. 语句 、 事 NS 
8. 动作 vray 伐 - 

9. ee 


10. Flash CS5 基本 操作 


说 明 ， 
本 章 主要 介绍 Flash CS5 的 基础 知识 、 工 作 界 面 、 绘 图 工具 、 相 关 概 念 和 俗语 ， 首 在 者 
助 学 生 对 Flash CS5 有 一 个 初步 了 解 ， 具 体 知识 将 在 后 面 各 章 中 详细 介绍 。 


教学 建议 课时 数 : 
一 般 情况 下 需 4 课 时 ,其中 理论 3 课时 、 实 际 操作 1 课时 (根据 特 丈 情况 可 做 相应 调整 )。 


FE 
1.1 Flash CS5 的 启动 和 基本 工具 


1.1.1 Flash CS5 的 启动 


双击 桌面 上 的 颖 图 标 , 弹出 如 图 1.1 所 示 的 界面 , 单 击 别 essswas 选 项 , 进入 Flash CS5 
的 操作 界面 , 如 图 1.2 所 示 。 








图 12 


第 1 章 Flash CS5 基础 知识 


1.1.2 绘图 工具 名 称 及 其 作用 


* 选择 工具 : 选择 和 移动 舞台 中 的 对 象 ， 或 改变 对 象 的 大 小 、 形 状 。 

* 部 分 选 职工 具 : 从 所 选 对 象 中 再 选择 部 分 内 容 ， 可 用 于 调整 曲线 的 形状 。 

如 任意 变形 工具 : 使 用 该 工具 可 以 对 图 形 进行 缩放 、 扭 曲 或 旋转 变形 。 

入 填充 变形 工具 : 该 工具 通过 调整 填充 的 大 小 、 方 向 或 中 心 ， 可 以 使 渐变 填充 或 位 图 
填充 变形 。 

93D 旋转 工具 : 用 于 在 3D 裤 间 中 旋转 影片 剪辑 立 例 。 在 使 用 该 工具 选择 影片 剪辑 后 ， 
3D 旋转 控件 出 现在 选 定 对 象 之 上 。X 轴 为 红色 , Y 轴 为 绿色 ,Z 轴 为 蓝 色 。 使 用 柱 色 的 自 
由 旋转 控件 可 同时 绕 买 灿 和 习 轴 旋转 。 

到 3D 平移 工具 : 用 于 在 3D 空间 中 移动 影片 剪辑 实 le 和 I 后 ， 
影片 剪辑 的 X、Y 和 Z 三 个 轴 将 显示 在 舞台 上 对 象 的 磺 部 \ 义 轴 为 红色 ,YY 轴 为 绿色 , 而 
Z 轴 为 黑色 。 应 用 此 工具 可 以 将 及 名 分别 六 六、 或 也 轴 进行 平移 。 

” 套 索 工具 : 用 于 在 舞台 中 选择 不 规则 区 搜寻 乡 小 对 象 。 

4 钢笔 工具 : 用 于 绘制 精确 路 径 ， 如 息 线 或 平滑 流 轧 的 曲线 ， 也 可 用 来 调整 直线 的 角 


度 、 长 度 和 曲线 段 的 笠 率 。 
A 文本 工具 : 用 于 创建 静态 \ 惑 芒 交 输入 各 和 











文本 对 象 。 

7 线条 工具 : 用 于 绘制 角度 的 直线 

O 椭 图 工具 : 用 于 图 形 (本 图 线条 图 形 )。 

口 矩形 工具 ， TT 绘制 矩形 或 多 边 形 ( 拭 形 线条 和 填充 
图 形 )。 ~ 

了 外 笔 工具 人才 用 该 工具 可 以 通过 涡 用 真实 铅笔 大 致 相同 的 方式 来 绘制 任 意 形状 的 
线条 。 

了 刷子 工具 : 用 于 绘制 出 刷子 般 的 笔 独 ， 就 好 像 在 涂 色 一 样 。 它 可 以 创建 特 珠 效 果 ， 
如 书法 效果 等 。 

2Deco 工具 : 对 舞台 中 选 定 的 对 象 应 用 效果 。 选 定 Deco 工具 后 ， 可 以 从 【属性 】 面 
板 中 选择 要 应 用 的 效果 样式 。 


了 臣 朋 骸 工 具 : 对 影片 剪辑 、 图 形 和 按钮 实例 添加 下 骨骼 。 

巧 绑 定 工具 : 用 于 编辑 单个 骨骼 和 形状 控制 点 之 间 的 连接 。 

息 黑 水瓶 工 具 : 使 用 该 工具 可 以 更 改线 条 或 者 形状 轮廓 的 笔触 蜂 色 、 宽 度 和 样式 。 

入 疾 料 桶 工具 ， 使 用 该 工具 可 以 用 颜料 填充 封闭 的 区 域 ， 对 于 未 完全 封闭 的 区 域 ， 也 
可 以 通过 适当 设置 进行 填充 。 

? 滴 管 工具 : 使 用 该 工具 ,可 以 从 一 个 对 象 复制 填 充 和 笔触 属性 , 然后 立即 将 它们 应 
用 到 其 他 对 象 上 。 使 用 该 工具 还 可 以 从 位 图 图 像 中 取样 用 做 填充 。 

全 橡皮 掠 工具 : 使 用 该 工具 可 以 快速 撞 除 舞台 中 的 任何 内 容 ， 包 括 个 别 笔触 段 和 填充 
区 域 。 

转手 形 工具 : 当 放大 舞台 时 ， 可 能 无 法 看 到 整个 舞台 ， 利 用 手 形 工具 可 以 移动 舞台 ， 
从 而 不 必 更 改 缩放 比率 即 可 查看 视图 。 
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入 缩放 工具 : 该 工具 用 来 改变 舞台 显示 比率 ， 缩 放 比率 取决 于 显示 器 的 分 辩 率 和 文档 
大 小 , 相当 于 我 们 生活 中 的 放大 镜 和 显微镜 的 功能 。 舞台 缩放 的 最 小 比率 为 8%, 最 大 比率 
为 2 000%。 

“下 笔触 颜色 : 用 于 更 改 当前 笔触 (线条 ) 的 颜色 。 

& 昌 填充 颜色 : 用 于 改变 当前 填充 图 形 的 应 色 。 

本 黑白 工具 : 单 击 该 工具 ， 系 统 恢复 战 认 的 额 色 。 

怠 交 换 颜色 工具 : 单 击 该 工 ， 将 笔触 颜色 和 填充 颜色 进行 交换 。 

全 全 竹 选 项 区 : 此 选项 区 根据 当前 选择 的 工具 不 同 有 所 变化 ,主要 用 来 设置 当前 选择 


工具 的 属性 。 
1.2 时 间 轴 、 hua 


1.2.1 时 间 轴 将 - 


时 间 灿 用 于 组 织 和 控制 文档 内 容 在 一 定时 司 内 播放 的 层 数 和 帧 数 (就 好 比 导 演 的 剧 
本 )， 决 定 了 各 个 场景 的 切换 以 及 交 》 这 演 的 时 间 顺 序 。 

在 传统 动画 制作 中 ， 经 常 稼 分 解 到 佑 干 张 透明 胶片 上 ， 然 后 登 在 一 起 实现 动 

男 效果 。 比 如 ， 动 物 在 某 个 场景 虫 运 和 有 变化 ， 这 时 可 以 将 动物 的 运 

动 单独 绘制 在 透明 胶片 上 ， 要 加 到 场景 % 了 每 一 帧 都 必须 绘制 背景 和 前 

景 的 麻烦 。 在 Flash CS 中 ,为 冯 夫 技术 来 解决 类 似 问题 , 图 层 可 以 看 成 透 

的 内 容 会 遮挡 下 面 图 层 的 内 容 ， 只 有 









1.2.2 功能 面板 


功能 面板 可 用 于 查看 、 组 织 和 更 改 文档 中 的 元 素 。 面 板 中 的 可 用 选项 控制 着 元 件 、 实 
例 、 额 色 、 类 型 、 帧 和 其 他 元 素 的 特征 。 通 过 显示 特定 任务 所 需 的 面板 并 隐藏 其 他 面板 ， 
用 户 可 以 自 定义 Flash CS5 界面 ,以 便于 使 用 。 

Flash CS5 常用 的 控制 面板 有 【属性 】、【 库 】、【 动 作 ] 等 几 种 。 

对 于 一 些 不 用 在 【属性 】 面板 中 表示 的 功能 面板 ,Flash CS5 将 它们 组 合 到 一 起 并 置 于 
操作 界面 的 右 侧 。 用 户 可 以 同时 打开 多 个 面板 ， 也 可 以 将 暂时 用 不 到 的 面板 关闭 。 通 过 拖 
动 面板 标题 栏 堪 侧 的 填 标 志 ， 可 以 将 功能 面板 从 组 合 中 拖 出 来 ， 也 可 以 利用 它 将 独立 的 功 
能 面板 添加 到 面板 组 合 中 。 面 板 示意 图 如 图 1.4 所 示 。 
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1.2.3 动画 


动画 是 一 门 在 某 种 介质 上 记录 一 系列 单个 画面 ， A 的 速率 回放 所 记录 的 画面 
而 产生 运动 视 芝 的 技术 。 它 的 基本 原理 与 电影 、 电 视 信 禄 ,| 都 是 视 芝 和 暂 留 原理 。 科 学 证 明 ， 
人 类 具有 视 贡 暂 留 的 特性 ,就 是 说 人 的 眼 晴 看 


到 气候 加 或 一 个 物体 后 ,在 1124 秒 内 不 会 消 
失 。 利 用 这 一 厚 理 ， 在 一 幅 画 还 没有 消失 文 前浪 识 下 一 幅 男 ， 就 会 产生 一 种 流畅 的 视 帝 变 
化 效果 。 > 










动画 制作 过 程 ， 就 是 决定 这 一 黎 列 画面 显示 什么 内 容 的 过 程 。 

在 用 计算 机 制作 动画 时 ， 的 一 系列 画面 风帆。 由 是 动画 最 小 时 间 单 位 里 出 现 
的 画面 。Flash 动画 是 以 时 闻名 为 基础 的 帧 动画 ， 动画 作品 都 以 时 间 为 顺序 ， 
由 先后 排列 的 一 系列 帧 组 成 每 一 秒 中 包含 的 帧 如 "和 蒜 作 帧 率 。 在 Flash CS5 中 默认 帧 率 是 


12 帧 稍 。 六 

提示 ， 动画 的 《各 于 全 究 物 从 各 这 动 ， 基 意义 过 大 于 单 术 吕 本 的 给 制 。 相 对 和 
一 帧 应 访 更 要 关心 上 一 帧 另 面 与 下 一 惰 夯 面 之 间 所 产生 的 运动 效果 ， 这 就 是 
动画 与 漫画 的 重大 区 别 。 


1.2.4 动画 的 基本 类 型 


在 Flash CS5 中 ， 动 画 的 基本 类 型 主要 有 以 下 4 种 。 

(DD) 逐 帧 动画 : 逐 帧 动画 就 像 传统 动画 一 样 ， 需 要 绘制 动画 的 每 一 帧 ， 主 要 用 于 表现 
一 些 复杂 的 运动 ， 如 动物 的 讲 跑 、 人 物 的 行走 等 。 逐 帧 动画 一 般 者 采用 逐 帧 循环 动画 方式 
以 简化 制作 量 。 比 如 动物 的 弃 跑 ， 只 要 分 解 绘制 出 一 个 周期 内 的 各 个 关键 动作 ,然后 循环 
使 用 即 可 。 

(2) 补 间 动画 : Flash CS5 提供 了 一 种 简单 的 动画 制作 方法 ， 即 采用 关键 帧 处 理 技术 的 
补 间 动 画 。 补 间 动 画 还 可 以 分 为 动作 补 间 动 画 和 形状 补 间 动 画 。 关 键 帧 处 理 技 术 是 计算 机 
动画 软件 采用 的 重要 技术 ， 只 要 决定 动画 对 象 在 运动 过 程 中 的 关键 状态 ,中间 帧 的 动画 效 
果 就 会 由 动画 软件 自动 计算 得 出 。 描 绘 关键 状态 的 帧 ,就 称 为 关键 帆 。 在 确定 关键 帧 动画 
时 至 少 需要 两 个 关键 帧 。 

如 果 要 表现 动画 对 象 比较 复杂 的 运动 ， 所 需 的 关键 帧 往往 比较 多 ， 这 也 说 明 逐 帧 动画 
其 实 是 补 间 动 画 的 一 种 特殊 情况 ， 逐 帧 动画 的 每 一 帧 都 是 一 个 关键 帧 。 对 关键 帧 的 处 理 是 
制作 动 男 片 的 关键 。 

@: 
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(3) 运动 引导 层 动画 : 运动 引导 层 动画 实际 上 也 是 补 间 动 画 的 一 种 特殊 情况 ， 它 在 动 
作 补 间 动 画 的 基础 上 增加 了 运动 轨迹 控制 ， 使 动画 对 象 能 够 沿 预先 绘制 的 路 径 运 动 ， 它 是 
制作 复杂 补 间 动 国 的 最 好 方法 。 

(4) 遮 重 层 动画 ; 遮 重 层 动画 就 是 决定 被 遮 午 层 中 动画 对 象 显示 情况 的 一 种 处 理 方法 。 
遮 置 层 中 有 对 象 存在 的 地 方 ， 都 产生 一 个 孔 ， 使 其 连接 的 被 遮 置 层 相应 区 域 中 的 对 象 显示 
出 来 。 没 有 动画 对 象 的 地 方 , 会 产生 一 个 直子 , 遮 住 链接 层 相应 区 域 中 的 对 象 。 


1.2.5 场景 


如 果 将 Flash CS5 动画 比 作 话剧 ， 一 个 场景 就 是 话剧 的 一 幕 ， 每 一 幕 都 有 丰富 的 内 容 、 
精彩 的 表演 ， 结 合 起 来 就 形成 了 一 个 完整 的 话剧 。 同 样 , 不同 的 
完整 的 Flash 动画 。 我 们 可 以 根据 需要 设置 多 个 场景 ， 并 

在 按 住 Shif 键 的 同时 按 F2 键 ， 可 以 显示 如 图 1. 
可 以 对 场景 进行 新 建 、 删 除 、 复 制 等 操作 。 






淡 1s0XA 


提示 : 在 Co 证 命名 : 拖 动 场景 名 称 可 以 改变 场景 的 
| 和光 
1.2.6 舞台 和 让 恬 页 面 


台 是 展示 、 播 放 和 控制 动画 的 地 方 ， 舞台 上 显示 的 内 容 是 当前 所 选 帧 上 的 对 象 ， 可 
以 在 舞台 上 为 当前 帧 创建 所 需要 的 内 容 。 
舞台 的 默认 颜色 为 白色 ， 因 此 动画 的 背景 色 也 就 是 白色 。 如 果 需 要 改变 舞台 的 背景 颜 
色 , 可 以 单 击 浮动 面板 中 类 8 右边 的 J( 背 景 新 色 ) 按 钮 ， 弹出 如 图 1.6 所 示 的 【颜色 面板 ， 
单 击 所 需要 的 颤 色 即 可 完成 舞台 背景 额 色 的 设置 。 也 可 以 单 击 浮动 面板 中 
9 右边 的 [85= 按钮 ， 弹 出 如 图 1.7 所 示 的 【文档 设置 】 对 话 框 。 


| 








图 1.6 图 17 
在 【文档 设置 】 对 话 框 中 ， 可 以 根据 需要 设置 背景 颜色 、 帧 率 、 舞 台大 小 及 标题 等 。 
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1.2.7 【 库 ] 面板 


【 库 】 面板 用 于 存放 和 组 织 可 重复 使 用 的 Flash 动画 元 件 ， 包 括 在 Flash 中 绘制 的 图 形 
对 象 和 导入 的 声音 、 位 图 及 QuickTime 动画 等 文件 。Flash 将 这 些 文件 转换 成 符号 ( 符 与 是 
在 动画 中 可 上 反复 使 用 的 动画 元 件 。 修 改 库 中 的 符号 时 ， 在 动画 中 使 用 的 元 件 也 会 发 生 相 应 
的 改变 )， 如 图 1.8 所 示 。 





要 调用 【 库 】 面 板 中 aa 动 到 工作 舞台 中 ， 这 时 就 创建 了 


该 符号 的 一 个 实例 。 

在 当前 Flash 可 以 直接 调 其 他 Flash 文件 【上 库 】 面 板 中 的 符号 。 使 

用 方法 和 使 1 治 补 的 符号 一 样 ， 拖 动 创建 实例 ， 被 使 用 的 符号 将 自动 添加 到 

当前 文件 的 板 中 。 

提示 : 【 库 】 还 有 一 种 形式 即 【 公 用 库 】。【〖【 库 】〗 用 未 存储 自己 创建 的 符号 ，【 公 用 库 】 
则 用 来 存储 Flash 软件 自 带 的 符号 。 


1.3 Flash CS5 常用 术语 与 语法 规则 


1.3.1 Flash CS5 常用 术语 
1. 线条 和 填充 图 形 


在 Flash CS5 的 帮助 信息 中 ,经常 提 到 一 个 名 为 “笔触 ”的 概念 ， 许 多 读者 对 此 概念 不 
其 明白 , 其实 “笔触 ”与 经 常 提 到 的 “线条 ”是 同一 个 意思 ,这 是 Macromedia 公司 对 “ 线 
条 ”的 官方 描述 。 

(1) 线条 : 用 线条 工具 、 钢 笔 工具 、 铅 笔 工具 绘制 的 图 形 以 及 由 椭 贺 工具、 矩形 工具 
绘制 的 图 形 的 边框 线 ， 如 图 1.9 所 示 。 线 条 的 粗细 不 能 通过 变形 来 调整 ， 只 能 使 用 【属性 】 
面板 中 的 【笔触 高 度 】 选 项 来 改变 其 设置 。 也 可 以 使 用 墨水 瓶 工具 来 改变 线条 的 颜色 ， 颜 
料 桶 工具 对 其 不 起 作用 。 
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(2) 填充 图 形 : 指 用 刷子 工具 绘制 的 图 形 , 或 者 是 由 椭圆 工具 、 和 矩形 工 具 绘 制 的 图 形 
的 填充 部 分 ， 如 图 1.9 所 示 。 填 充 图 形 的 额 色 不 能 通过 墨水 瓶 工具 来 改变 ， 只 能 使 用 额 料 
桶 工具 来 进行 调整 。 





2. 元 件 与 实例 

在 戏剧 中 经 常 可 看 见 一 个 戏剧 演员 

Flash 动画 时 ， 也 会 遇 到 某 个 对 象 在 

这 样 婚 费时 间 又 增加 了 文件 大 小 

成 称 为 “元 件 ”的 对 象 , 在 
提示 : 元 件 卸 到 央 台 A 


> 本 提交 这 个 由 天生 大 的 对 
为 “实例 ” ms 具有 不 同 的 特性 ， 一 个 场景 可 以 放置 多 
个 由 相 的 实例 对 象 ， 中 与 之 对 应 的 元 件 只 有 一 个 。 当 元 件 的 属性 
(大 小 ) 改 变 时 ， 由 它 生成 风 实 例 的 属性 也 会 发 生 初 应 的 改变 。 


元 件 分 为 3 类 ， 即 影片 剪辑 (用 于 制作 动画 )、 图 形 (用 于 制作 静态 元 素 )、 按 钮 (制作 交 
互动 画 的 基础 )。 
3. 秋 量 图 形 与 位 图 图 像 


1) 矢量 图 形 

矢量 图 形 是 指使 用 数学 公式 和 函数 来 定义 图 形 中 对 象 的 大 小 、 形 状 、 轮 廓 和 位 置 等 属 
性 的 图 形 。 对 于 一 条 线段 ， 矢量 图 形 只 记录 端点 的 坐标 位 置 、 线 条 的 粗细 和 额 色 等 信息 ， 
所 以 对 线段 进行 放大 后 , 其 信息 没有 发 生 任何 改变 , 线段 的 显示 效果 也 没有 变化 , 如 图 1.10 
所 示 。 







》 Flash 设置 了 四 库 】, 将 这 样 的 对 象 放置 其 中 , 形 
ai 中 标 将 该 元 件 拖 到 舞台 中 即 可 。 





一 对 局 部 放大 4 售后 一 
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图 1.10 


矢量 图 形 的 另 一 个 优点 是 文件 所 占 的 空间 小 ， 这 样 既 方便 携带 和 共享 ， 又 方便 在 带宽 
有 限 的 网 络 上 进行 快速 浏览 。 

当然 矢量 图 形 也 有 它 自己 的 缺陷 ， 即 不 适宜 用 它 来 制作 色调 丰富 或 色调 变化 丰富 的 图 
像 (如 风景 图 像 ), 绘制 出 来 的 图 形 不 是 很 过 真 ， 也 无 法 像 位 图 软件 一 样 精确 描绘 自然 界 的 
景象 。 

制作 矢量 图 形 的 常用 软件 有 FreeHand 、Ittustrator、CorelDraw 及 AutoCAD 等 。 

2) 位 图 图 像 

位 图 图 像 你 让 了 矢量 图 形 的 缺陷 ， 用 它 能 够 制作 出 色彩 丰 宫 的 对 象 ， 人 性 化 地 表现 类 
似 于 图 片 等 复杂 图 像 的 真实 感觉 。 位 图 文件 所 占 的 空间 比较 此 处 理 图 像 的 速度 也 慢 。 

位 图 图 像 的 缺陷 是 不 能 随意 缩放 ， 在 将 图 像 放大 : 和 图像 皇 现 出 马赛 克 状 ， 如 
111 所 示 。 









De WA 

常用 的 位 有 FireWorks wy 、Painter 及 Photolmpact 等 。 
ei 

1.3.2 ”动作 脚本 的 基础 知识 


动作 脚本 (ActionScript 是 Flash 中 能 够 面向 对 象 进行 编程 的 语言 。 它 的 使 用 不 仅 使 动画 
具有 交互 性 , 而 且 可 以 为 普通 动画 添加 玄妙 的 动画 效果 (如 可 以 将 一 条 波浪 线 通过 动作 脚本 
语言 变 成 海浪 线 效果 )。Flash CS5 与 其 早期 的 版 本 不 同 , 它 提供 了 多 种 脚本 语言 ， 如 
ActionScript 2.0、ActionScript 3.0、Iphone OS 和 Flash JavaScript 等 ， 能 够 比 以 前 更 为 标准 
地 实现 面向 对 象 的 编程 。 

动作 脚本 程序 一 般 由 语句 、 函 数 和 变量 组 成 ， 主 要 涉及 的 内 容 有 变量 、 函 数 、 数 据 类 
型 、 表 达 式 和 运算 符 等 。 

1。 变 量 


变量 是 用 来 保存 信息 的 ， 可 以 用 来 存放 包括 数值 、 字 符 串 、 膛 辑 值 和 表达 式 在 内 的 任 
何 信息 。 我 们 可 以 在 动画 的 不 同 部 分 为 变量 赋予 不 同 的 值 ， 这 就 如 同一 个 储藏 库 ， 虽 然 名 
称 不 变 , 但 是 所 储藏 的 东西 却 时 常 在 变化 。 

由 于 变量 可 以 保存 不 同 的 数据 , 所 以 变量 也 同样 要 区 分 不 同 的 类 型 。 在 Flash CS5 中 ， 
变量 主要 有 字符 型 、 数 值 型 、 逻 辑 型 、 对 象 型 和 影片 剪辑 型 5 种 。 

在 Flash CS5 中 ， 变量 命名 必须 遵守 以 下 规则 。 
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(D 变量 名 必须 以 字母 或 下 划 线 开头 ， 而 且 只 能 由 字母 、 数 字 和 下 划 线 组 成 , 中 间 不 
能 包括 空格 。 变 量 名 不 区 分 大 小 写 。 

(2) 变量 名 不 能 是 一 个 关键 字 或 逻辑 常量 (这 或 rue)。 需要 注意 的 是 , Flash CS5 的 关键 
字 都 是 小 写 形式 , 如 果 写 成 大 写 , Flash CS5 会 把 它 视 为 普通 字符 而 不 作为 关键 字 处 理 。 例 
如 , 于 是 一 个 关键 字 , 而 正则 不 是 关键 字 。 

(3) 变量 名 在 它 的 作用 范围 内 必须 是 唯一 的 ， 而 且 变 量 名 不 能 与 系统 保留 的 关键 字 相 
同 。 如 COMPUTER、book、B5 、_OPKFHDFJ 都 是 合法 的 变量 名 ; 站 、true、fds%d、8dd、 
for 者 是 非法 变量 名 。 

(和 在 脚本 中 使 用 变量 应 遵循 “ 先 定 义 后 使 用 ”的 原则 (例如 ， 叫 某 个 人 的 名 字 ， 必须 
先知 道 他 的 名 字 , 才能 叫 出 他 的 名 字 )。 也 就 是 说 ,在 脚本 中 必须 先 定义 一 个 变量 , 然后 再 
在 表达 式 中 使 用 这 个 变量 。 根 据 变量 的 使 用 范围 ， 可 分 ; 量 (在 整个 程序 中 起 作用 ) 
与 局 部 变量 (适合 于 局 部 程序 )。 


gr SS 
函数 是 用 来 对 常量 、 sam eas, 获取 对 象 属性 等 。 函 
丘 bp 从 ,不 [a 


a 很 心 5 的 贡 数 可 以 分 为 系统 函数 和 自 定 义 范 数 。 
的 沙 癌 A 用 以 直接 在 动画 中 调用 ; 自 定义 函数 是 用 户 根据 自 
己 的 需要 定义 的 台数 。 在 自 证 尽 区 数 中 ， 用 户 定义 一 句 , 对 传递 过 来 的 值 进 行 运算 ， 






me Flash GS 人 5 提供 的 系统 区 汪 通用 类 型 函数 、 数 值 类 函数 、 字 符 串 
类 函数 、 属 性 函数 等 。 NS 
3。 数据 类 型 < 人 ~ * 


aos ActiGdScript 元 素 能 够 拥有 的 信息 类 型 。ActionScript 中 
有 两 种 数据 类 型 : 基本 数据 类 型 与 引用 数据 类 型 。 

{D 基本 数据 类 型 : 如 字符 串 、 数 字 、 布 尔 数 等 。 基 本 数据 类 型 都 有 一 个 不 变 的 值 ， 
可 以 保存 它 所 表示 的 元 素 的 交际 值 。 

(2) 引用 数据 类 型 : 如 电影 片段 和 对 象 。 引 用 数据 类 型 的 值 可 以 改变 ， 所 以 它们 所 包 
合 的 是 对 元 素 文 际 的 应 用 。 

下 面 对 Flash CS5 中 的 各 种 数据 类 型 进行 介绍 。 

(1) 数值 型 : 数值 型 数据 是 双 精 度 浮 点 数 ， 可 用 数学 运算 符 处 理 。 例 如 : sum=100+x。 

{2) 字符 型 : 字符 型 数据 是 一 个 字符 仔 母 、 数 字 和 标点 符号 ) 序 列 。 在 动作 脚本 语句 中 
输入 字符 串 H 时 ， 使 用 单 引 号 或 双 引 号 括 起 来 。 例 如 : Name="wutboweng"。 

(3) 逻辑 型 : 逻辑 型 数据 包括 tme( 真 和 false( 假 )。 必 要 时 ,动作 脚本 也 把 tue 和 false 
转换 为 1 和 0。 逐 辑 值 与 逻辑 操作 符 一 起 ,常常 用 在 控制 脚本 流动 的 比较 语句 中 。 

(和) 对 象 型 : 对 象 是 动画 创作 的 基本 元 素 ， 不 同 的 对 和 象 包含 有 不 同 的 属性 ， 每 个 属性 
都 有 名 称 和 值 ， 属 性 值 可 以 是 任何 Flash 数据 类 型 ， 甚 至 可 以 是 对 象 数据 类 型 ， 这 样 就 可 
以 把 一 个 对 象 嵌 套 在 另 一 个 对 象 中 move 是 一 个 对 象 ,bird 是 move 中 的 一 个 对 象 ,而 _width 
是 bird 的 一 个 属性 ， 如 : move bird_width。 

(5) 影片 剪辑 型 : 影片 剪辑 是 唯一 一 种 与 图 像 元 素 有 关 的 数据 类 型 ， 也 可 以 把 影片 前 
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辑 理解 为 一 个 “小 型 动画 ”。 我 们 可 以 使 用 影片 剪辑 文 例 对 象 的 方法 和 属性 来 控制 影片 前 
辑 的 播放 效果 。 





本 


[Fre 


1.3.3 语句 


动作 脚本 由 一 系列 语句 组 成 ， 这 些 动作 语句 能 够 将 变量 、 函 数 、 属 性 和 方法 组 织 成 为 
一 个 有 机 的 整体 ,以 控制 对 象 产生 各 种 动画 效果 。 

Flash CS5 提供 专门 的 【动作 】 面 板 来 组 织 动作 脚本 。【 动 作 ] 了 面板 一 般 与 【属性 ] 面 
板 组 合 在 一 起 ， 但 是 也 可 以 根据 需要 将 它 拖 出 来 ， 形 成 一 个 单独 的 界面 ， 如 图 1.12 所 示 。 










脚本 选择 窗 4 时 未 包括 放 \ 久 下 0 操作 符 等 各 种 类 别 的 动作 脚本 ,双击 


的 脚本 选择 窗口 来 添加 脚本 。 
(2) 通过 弹出 菜单 添加 脚本 。 
(3) 直接 在 语句 窗口 中 输入 语句 。 


1.3.4 事件 与 交互 的 概念 


事件 是 指 由 软件 或 硬件 触发 的 某 种 响应 申请 ， 要 求 应 用 程序 对 其 进行 处 理 。 例 如 ， 饼 
标 单 击 或 按 下 键盘 之 类 的 事件 称 为 用 户 事件 ， 它 是 因 用 户 操作 而 发 生 的 。 

交互 就 是 使 应 用 程序 能 够 对 事件 做 出 反应 。 例 如 ， 当 用 户 单 击 舞台 上 的 一 个 按钮 时 ， 
可 以 使 动画 跳 转 到 另外 一 帧 或 场景 播放 。 


1.3.5 动作 脚本 的 基本 语法 规则 

与 任何 语言 一 样 ， 动 作 脚本 也 具有 一 定 的 语法 规则 。 只 有 遵循 这 些 语法 规则 才能 创建 
正确 编译 和 运行 的 脚本 。 

(DD 点 语法 : 在 动作 脚本 中 ， 点 “-” 被 用 来 指 B 与 某 个 对 象 或 影片 剪辑 相关 的 属性 和 
方法 ， 也 用 于 标志 指向 影片 剪辑 或 变量 的 目标 路 径 。 点 语法 表达 由 对 象 或 影片 剪辑 实例 名 
开始 ,接着 是 一 个 点 ， 最 后 是 要 指定 的 属性 、 方 法 或 变量 。 
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例如 : 
bird._alpha;  // 调 用 对 象 bird 的 _alpha 属性 。 
点 语法 使 用 两 个 特殊 的 别名 : _root 和 _parent。 别名 _root 是 指 主 时 间 轴 , 可 以 使 用 _root 
别名 创建 一 个 绝对 路 径 。 例 如 ， 下 面 的 语句 调用 动画 中 影片 草 辑 sun 的 stop 方法 : 


_root.sun.stop(); 


Flash CS5 允许 使 用 别名 _parent 来 引用 庶 套 在 当前 影片 甬 辑 中 的 另 一 个 影片 筋 辑 , 也 可 
以 用 _parent 创 建 一 个 相对 目标 路 径 。 例 如 : 如 果 影片 剪辑 bird 被 谋 喜 在 影片 剪辑 animal 
之 中 ， 那 么 ， 在 实例 bird 中 的 下 列 语句 将 使 animal 影片 剪辑 停止 播放 : 


Parent.stop(); 
(2) 大 括号 : 动作 脚本 语句 用 大 括号 人 分 块 ， 如 下 | 所 示 。 


On(release) { 
gotoandplay (2) AR 


} 
(3) 分 号 : 动作 脚本 语句 用 分 号 “/ Rk 如 果 省 略语 句 结尾 的 分 号 ,也 可 以 成 功 编 
译 肝 本 。 NS 


(0 轿 括号 : om 把 参数 放 在 国联 中 。 
Function myfunct iow ea 位 


故人 NS 
调用 一 个 区 时 es : 
Myfunct: ("steve",20,false); 
图 括号 也 可 以 用 来 改变 动作 脚本 的 运算 优先 级 ， 或 使 自己 编写 的 动作 脚本 语句 更 容易 
阅读 。 
(5) 字母 的 大 小 写 : 在 动作 脚本 中 ， 关 键 字 除外 (关键 字 不 能 用 大 瑟 宇 母 )， 动作 脚本 元 
素 字 符 串 不 区 分 大 小 写 ， 即 可 以 同时 使 用 大 写字 母 或 小 写字 母 。 例 如 , 下面 的 语句 是 等 
价 的 : 
cat.hilite=true; 
CAT.hilite=true; 
提示 : 遵守 一 将 的 大 小 写 原则 是 一 个 好 的 习惯 。 这 样 ， 在 阅读 动作 脚本 代码 时 将 便于 区 分 
十 数 和 变量 的 名 字 。 


(9 注释 : 注释 有 利于 理解 动作 脚本 ,如果 在 一 个 合作 的 环境 中 工作 或 者 要 提供 范例 , 
注释 还 有 助 于 向 其 他 开发 人 员 提 供 信息 。 如 果 要 在 创建 脚本 时 应 用 注释 ， 就 在 注 雄 前 面 
加 ee 1122 

(7) 关键 字 : 动作 脚本 保留 一 些 单词 ， 专 门 用 于 脚本 语言 中 。 因 此 ， 不 能 用 这 些 保留 
字 作 为 变量 、 艺 郑 或 标签 的 名 字 。 注 意 这 些 关键 字 都 是 小 写 ， 不 能 写成 太 写 形式 。 
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y 说 明 : 

本 部 主要 通过 11 个 案例 未 讲解 Flash CS5 的 基本 给 图 知识 及 浮动 面板 的 设置 和 使 用 ， 
前 面 几 个 例子 比较 简单 ， 作 为 后 面 各 章 内 容 学 习 的 基础 ， 后 面 的 几 个 例子 有 一 定 难度 ， 为 
提高 学 生 给 图 能 力 ， 教 师 或 学 生 可 以 根据 自己 的 实际 情况 选择 讲解 或 练习 。 


教学 建议 课时 数 : 
一 般 情况 下 党 二 课时 ， 其 中 理论 4 课时、 实际 操作 8 课时 (根据 特 球 情况 可 做 相应 调整 )。 
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2.1 基础 知识 


2.1.1 元 件 和 实例 


元 件 是 指 一 个 可 以 重复 利用 的 图 形 、 影 片 努 辑 或 按钮 ， 它 保存 在 库 中 ; 实例 是 指出 现 
在 舞台 上 的 元 件 或 小 套 在 其 他 元 件 中 的 元 件 。 

下 面 介 绍 元 件 的 作用 。 

(有) 元 件 的 运用 可 以 使 电影 的 编辑 更 加 容易 ， 因 为 当 我 们 需要 对 许多 重复 的 元 素 进行 
修改 时 ， 只 要 对 元 件 进行 修改 ，Flash CS5 en 
行 更 新 。 

(2) 在 电影 中 运用 元 件 可 以 显著 减少 文件 的 大 小 ,1 个 元 件 比 保存 每 个 出 现 的 元 素 
要 节省 更 多 的 空间 。 如 尾 一 张 静 态 的 美丽 背景 a 就 可 以 威 少 电影 文件 的 大 小 。 

(3) 可 以 加 快 电影 的 播放 ， 因 为 在 浏览 吕 件 只 需要 下 载 一 次 ， 这 样 就 节约 了 
时 间 。 


提示 :这 里 所 说 的 “元 件 ”， svat “图 符 ”。 


2.1.2 元 件 类 型 介绍 
打开 “基础 元 件 


NX 





图 2.1 


提示 : 元 件 类 型 的 区 别 主要 看 前 面 的 图 形 标志 ,加 代表 图 形 元 停 : 加 代表 影片 剪辑 元 件 : 画 
代表 按钮 元 件 。 


2.1.3 图 形 元 件 的 建立 


图 形 元 件 的 建立 有 如 下 两 种 情况 。 
(了 ) 将 当前 图 形 转化 为 图 形 元 件 : 在 需要 转化 的 图 形 上 右 击 , 在 弹出 的 快捷 菜单 中 单 
击 “…** 命 令 ， 此 时 将 弹出 如 图 2.2 所 示 的 【转换 为 元 件 】 对 话 框 , 设置 如 图 2.2 所 示 。 单 
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击 Cas_ 按钮 ， 此 时 即 可 将 图 形 转换 为 图 形 元 件 。 

(2) 新 建 图 形 元 件 : 单 击 国 加 一 ean- ee 命令 , 弹出 【创建 新 元 件 】 对 话 框 , 具 
体 设置 如 图 2.3 所 示 , 单 击 [ ”按钮 ,进入 图 形 元 件 创建 状态 ,此 时 就 可 以 进行 图 形 元 
件 的 创建 。 创建 完成 后 ， 单 击 时 间 轴 左上 角 的 四 EH 实 钮 ， 即 可 返回 场景 。 





图 2.2 






2.1.4 ”按钮 元 件 的 建立 


按钮 是 元 件 的 一 种 ， 它 可 以 根据 按钮 出 现 的 
作 。 在 按钮 中 可 以 放 入 图 形 元 件 或 影片 剪辑 元 


不 同 的 图 像 ， 并 且 会 响应 鼠标 动 
“能 在 一 个 按钮 中 放 入 另外 一 个 按钮 。 


1. 按钮 的 状态 RS 

在 特殊 的 编辑 环境 中 ， 通 过 上 创建 关键 帧 ， 可 以 指定 不 同 的 按钮 状态 ， 如 
图 2.4 所 示 。 

【 弹 起 】 帧 : 表示 鼠标 导 上 的 状 

【指针 经 过 ]】 帧 标 指针 在 按钮 

【 按 下 ]】 帧 : 单 击 按钮 时 的 状态 

【点 击 】 鼠标 做 出 反应 的 区 绩 ， 这 个 反应 区 域 在 电影 中 是 看 不 见 的 。 

2. 新 建 按 

WE 


{《D 通过 下 列 任 一 操作 开始 创建 新 元 件 。 

中 单 击 王 曾 -三 SN Qj 月 命 今 。 

加 单 击 【 库 ]】 面 板 底部 的 刍 按 钮 ， 或 者 在 【 库 】 面 板 的 菜单 栏 中 单 击 本 se- owe 
命令 。 

回 按 Ctrl8 组 合 键 。 

(2) 在 弹出 的 【创建 新 元 件 】 对 话 框 中 为 新 按钮 取 一 个 名 字 ， 并 选择 三 中 作为 元 件 
类 型 。 这 时 时 间 轴 转变 为 由 4 帧 组 成 的 按钮 编辑 模式 ， 如 图 2.5 所 示 。 





图 24 





ash C85 本 要 和 
(3) 创建 【 弹 起 】 帧 状态 的 按钮 。 可 以 利用 前 面 所 学 的 基本 工具 的 使 用 方法 制作 如 图 2.6 
所 示 的 图 形 。 








图 26 


(中 在 【指针 经 过 】 帧 上 右 击 ， 在 弹出 的 快 击 ~*e 命 令 , 第 一 帧 的 图 像 就 
出 现在 舞台 中 ， 单 击 按钮 图 形 ， 在 右边 的 【; 选择 一 种 填充 色 , 然后 改变 边框 样 


式 和 填充 颜色 ， 如 图 2.7 所 示 。 
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图 2.7 


(5) 在 【 按 下 ] 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 zes 命令 , 【指针 经 过 ]】 帧 的 图 
像 出 现在 舞台 上 。 选 中 图 形 按钮 ， 在 右边 的 浮动 面板 对 图 形 的 属性 进行 修改 ,修改 后 的 图 
形 如 图 2.8 所 示 。 
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(9 在 【点 击 ] 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 wxes 命令 ， 插 入 关键 帧 。 

人 完成 后 , 单 击 时 间 轴 左上 方 的 要 得 按钮， 返回 场景 ， 此 时 会 发 现 库 中 出 现 了 刚才 制 
作 的 按钮 。 

(8) 如 果 要 使 用 按钮 ， 直 接 从 【 库 】 面 板 中 将 按钮 拖 到 舞台 中 即 可 。 如 果 对 制作 的 
按钮 感觉 不 满意 , 可 以 双击 按 鱼 井 入 按钮 的 编辑 状态 对 其 进行 编辑 , 方法 与 创建 按钮 时 一 样 。 

3. 启动 按钮 

在 编辑 电影 时 可 以 选择 是 否 启动 按钮 功能 。 启 动 按钮 功能 后 ， 按 钮 就 会 对 指定 的 饼 标 


事件 做 出 反应 。 一 般 情 况 下 ， 工 作 的 时 候 按钮 功能 是 被 禁止 的 。 启 动 按钮 功能 可 以 在 编辑 
状态 下 测试 按钮 ， 这 样 可 以 快速 测试 按钮 功能 是 否 令 人 满意 


按钮 功能 的 启动 方法 如 下 。 

单 击 册 -> seww9m 命 今 ， 此 时 eaween 命 今 一 个 “MY” 符号 , 表示 按钮 
功能 已 经 启动 。 同 次 和 让 这 入 特 桥 目 换 包 芒 作 人 
2.1.5 影片 剪辑 元 件 Kh 


1. 创建 新 的 说 片 剪 印 元 件 的 步 "RS 

(了 ) 可 以 通过 下 面 任 一 种 操 影片 剖 辑 。 

[0] pe Sg 

加 单 击 【 库 ] 窗 Es we 板 的 选项 菜单 中 单 击 Was06- crs 


命令 。 

自 按 Qe 着 
(2) 在 强 建新 元 件 】 本 并 选择 要 me 作为 元 件 
类 型 ， 这 时 Flish 转换 为 元 件 编辑 模式 ， 元 件 的 名 字 出 现在 舞台 的 左上 角 ， 且 窗口 中 有 一 
个 “十 ”字形 标记 ， 这 代表 元 件 的 定位 点 ， 如 图 2.9 所 示 。 





(3) 单 击 时 间 轴 的 第 一 帧 , 在 工作 区 中 绘制 一 幅 图 像 , 并 将 其 转换 为 图 形 元 件 , 如 图 2.10 
所 示 。 

(人 在 “图 层 1” 的 第 20 帧 处 右 击 ,在 弹出 的 快捷 菜单 中 单 击 开 es 命令 ， 如 图 2.11 
所 示 。 














图 2.10 


(5) 在 图 层 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 
如 图 2.12 所 示 。 用 铅笔 工具 在 工作 区 中 绘制 一 第 











图 2.12 图 2.13 


{9 单 击 “ 图 层 1” 的 第 1 帧 , 将 图 形 详 例 放 到 绘制 的 曲线 的 堪 端点 上 , 如 图 2.14 所 示 。 


| 
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《7) 单 击 “ 图 层 1” 的 第 20 帧 , 将 图 形 详 例 放 到 绘制 的 曲线 的 右 端 点 上 , 如 图 2.15 所 示 。 

(8) 在 “图 层 1” 的 第 1 帧 至 第 20 帧 之 间 的 任意 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 
wa 命令 ， 此 时 就 创建 了 一 个 补 间 动 画 ， 如 图 2.16 所 示 。 

0 单 击 时 间 币 左上 方 的 ena 近 记 ， a SN 






NE /He VN» 


SAN 








2. 将 动画 转换 为 影 片 
一 个 制作 好 的 动画 他 地 se 被 选取 的 对 象 


虽然 还 在 舞台 中 ， Rr 
转化 的 4 
(DD 按 住 刍 的 局 时 ， 在 时 | 间 铀 在 边 的 图 导 编 名 区 中 单 击 所 硅化 的 图 层 ， 以 选中 


转化 的 图 层 ， 如 图 2.17 所 示 。 
(2) 在 选中 的 任 一 帧 上 右 击 ， 在 弹出 的 快捷 某 单 中 单 击 we* 命 令 。 复 制 所 选 动画 帧 。 
(3) 单 击 本 一 maas09。 cv 命令， 弹出 【创建 新 元 件 】 对 话 框 ， 具 体 设置 如 图 2.18 


所 示 。 单 击 C 到 按钮 ， 进 入 元 件 编辑 模式 。 





图 2.17 2.18 


(9) 在 元 件 编辑 模式 的 编辑 状态 下 , 在 “图 层 1” 的 第 1 帧 上 右 击 , 在 弹出 的 快捷 菜单 
中 单 击 Ee 命 令 ， 将 所 选择 复制 帧 的 图 形 粘贴 到 元 件 编辑 模式 的 工作 区 中 ， 如 图 2.19 
所 示 。 

{5) 单 击 时 间 轴 左上 方 的 gz 按钮 ， 返 回 场景 ， 转 化 元 件 的 操作 即 完 成 。 














a 


2.1.6 创建 实例 
创建 元 件 后 , 就 可 以 将 元 件 应 用 到 ， 元件 一 旦 从 元 件 库 中 被 拖 动 到 舞台 中 ， 


它 就 变 成 了 实例 。 在 电影 中 的 所 有 创建 实例 ， 一 个 元 件 可 以 创建 多 个 实例 , 而 
且 拇 一 个 实例 都 拥有 各 自 的 属性 






应 用 各 实例 Hd 需 要 注意 ; 影 实例 的 创 画 的 图 形 实例 的 创建 是 不 同 的 。 
影片 剪辑 只 需要 一 个 帧 就 放 动 画 , 而 县 中 不 能 演示 动画 效果 ; 而 包含 动 
画 的 图 形 实例 ， 则 必 元 件 同样 长 的 ， 才 能 显示 完整 的 动画 。 

择 作 步 浊 


(D a 所 以 首先 需要 在 时 间 轴 上 选取 一 个 图 层 。 
如 果 没有 关 则 实例 将 被 添加 到 当前 帧 左边 的 第 1 关键 帧 中 。 


(2) 单 击 【 窗 口 〗 一 【 库 】 命 令 , 打开 【 库 ]】 面板 。 
(3) 从 库 中 选择 所 需要 的 元 件 并 将 其 拖 到 舞台 中 ， 这 个 元 件 在 舞台 中 就 变 成 了 实例 ， 
如 图 2.20 所 示 。 
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2.1.7 编辑 实例 

在 舞台 中 创建 元 件 实例 后 , 则 每 个 实例 都 有 其 自身 的 元 件 属 性 ,可 以 使 用 实例 【属性 】 
面板 编辑 实例 的 属性 ， 包 括 实例 的 阁 色 、 透 明度 和 亮度 ， 也 可 以 设置 实例 显示 模式 或 者 改 
变 实 例 的 类 型 。 在 默认 情况 下 ， 实 例 类 型 和 元 件 类 型 是 一 致 的, 但 也 可 以 在 实例 面板 中 指 
定 其 他 类 型 。 这 些 修改 只 影响 交 例 而 不 会 影响 元 件 。 

1. 蔡 摘 实例 

在 舞台 上 创建 交 例 后 ， 也 可 以 为 交 例 指定 另外 的 元 件 ， 念 舞台 上 出 现 一 个 完全 不 同 的 
实例 ,而 原来 的 交 例 属性 不 会 改变 。 


为 交 例 指定 不 同 元 件 的 择 作 步骤 如 下 。 
(D 选中 舞台 中 的 实例 ,实例 【属性 】 面 板 如 图 2.21 
示 的 【交换 元 件 】 对 话 框 。 





{2) 在 实例 属性 面板 中 单 击 靶 本 按钮 ,弹出 如 图 2 





(3) 从 列表 中 选择 需要 蔡 换 的 元 件 , 如 图 2.23 所 示 , 单 击 [ _ 确 二 ”| 按钮 , 即 葵 换 成 功 ， 
如 图 2.24 所 示 。 





图 2.23 


2. 改变 实例 类 型 
在 舞台 中 创建 实例 后 ,该 实例 最 初 的 属性 就 都 继承 了 其 链接 的 元 件 类 型 。 可 以 通过 实 
例 【属性 】 面 板 来 改变 实例 的 类 型 ， 如 图 2.25 所 示 。 


Fam: 

在 实例 【属性 】 面板 中 , 实例 的 类 型 下 拉 列 表 框 中 有 3 种 类 型 的 元 件 类 型 : 影片 剪辑 、 
按钮 、 图 形 。 改 变 实例 类 型 的 具体 设置 说 明 如 下 。 

1D【 影 片 剪 辑 】 选 项 

在 实例 选择 【影片 剪辑 】 选 项 后 ， 可 以 在 类 型 选项 上 方 为 实例 输入 一 个 名 字 , 以 便 在 
影片 中 控制 这 个 实例 ,如 图 2.26 所 示 。 





医 一 一 


图 2.25 将 - 图 2.26 
力 【 按 角 】 选项 
在 选择 【 按 要 】 选 项 后 ,实例 加 图 2.27 所 示 ， 在 交换 元 件 的 下 拉 列 表征 


【 
中 有 两 个 选项 可 以 进行 选择 。 SS 
[io: bn 上 发 出 的 事 使 4 例如 ， 在 一 个 按钮 上 按 住 饼 标 左 
键 ， 再 将 按钮 拖 动 到 另 一 人 沟 放 鼠标 左 键 ， 个 按钮 不 起 作用 。 







示 接收 具有 同样 性 质 的 的 事件 。 


3) 【图形 】 先 I 
页 后 , 实例 【 如 图 2.28 所 示 。 在 交换 元 件 的 下 拉 列表 框 
中 有 3 个 选项 Ni 县 n 下 。 





图 2.27 图 2.28 

ER 一 品 ,表示 令 包 合 在 当前 实例 中 的 序列 动画 循环 播放 ， 循 环 的 次 数 同 实例 
所 占 的 帧 数 相同 。 

[Ex 表示 从 指定 帧 开始 ， 只 播放 一 次 动画 。 

国 二 :显示 序列 动画 的 指定 一 帧 。 

当 改变 实例 类 型 

如 作 步 台 如 下 。 

(了) 选 了 舞台 中 的 交 例 ， 则 在 工作 区 下 方 显示 出 交 例 的 【属性 】 面 板 。 





第 2 章 Flash CS5 图 形 绘制 


{2) 从 实例 【属性 ]】 面板 的 类 型 下 拉 列 表 框 中 选择 新 的 类 型 。 

(3) 设置 新 类 型 的 各 种 属性 ， 则 实例 变 为 新 的 类 型 。 

3. 改变 颜色 效果 

元 件 的 每 一 个 实例 都 可 以 有 不 同 的 额 色 效果 ， 利 用 这 一 属性 可 以 制作 各 种 渐变 动画 。 
要 改变 详 例 的 颜色 和 透明 度 ， 可 以 从 交 例 【属性 】 面 板 中 的 颜色 下 拉 列 表 框 中 选择 ， 可 供 
选择 的 选项 包括 以 下 几 种 。 

(D 【亮度 】: 用 来 调节 图 像 的 相对 亮度 和 暗 度 。 明亮 值 的 范围 在 -100%~~100%,，100% 
表示 日 色 , -100% 表 示 黑 色 , 默认 值 为 0。 设置 时 可 以 直接 输入 数值 , 也 可 以 通过 拖 动 滑 杠 
来 进行 调节 ， 如 图 2.29 所 示 。 

(2)【 色 调 】: 用 来 为 各 实例 增加 某 种 色调 。 互 ee 也 可 以 直 









接 输入 红 、 绿 、 蓝 的 阁 色 值 ， 另 外 还 可 以 使 用 游标 设置 色调 值 的 范围 在 0%~ 
100%, 数值 为 094 寺 表示 实例 颜色 不 受 影响 ， 数 值 为 表示 实例 额 色 完 全 饱和 , 所 
选 丘 色 将 完全 取代 实例 的 原 有 阁 色 ,如 图 2. we} 





图 2.29 230 
(3) 【Aipha】: 【颜色 】 中 的 Alpha 用 来 设 定 实例 的 透明 度 ， 其 值 范围 在 0% 一 100%。 
数值 为 0% 时 实例 完全 不 可 见 ， 数值 为 100%8 二 表示 实例 完全 可 见 。 设 置 时 可 以 直接 输入 
数字 ， 也 可 以 通过 拖 动 滑 杠 来 进行 调节 ,如 图 2.31 所 示 。 
= 【高 级 】: 用 来 调整 实例 中 的 红 、 绿 、 蓝 颜色 和 透明 度 。 单 击 【高 级 】 选 项 后 的 


… 按钮， 将 弹出 如 图 2.32 所 示 的 对 话 框 。 


SN 











图 2.32 


Fr 


在 该 对 话 框 中 可 以 直接 输入 红 、 绿 、 蓝 颜色 值 ， 也 可 以 通过 使 用 滑 杠 来 进行 调整 ， 其 
数值 范围 为 0" 一 100”%， 当 在 位 图 图 像 的 对 象 上 创建 动画 的 微妙 颜色 效果 时 ， 该 选项 非常 
有 用 。 设 置 完 成 后 ， 单 击 亡 蚂 _ 按钮 由 可 。 

4- 分 高 实例 


实例 不 能 像 图 像 或 文字 那样 改变 填充 色 。 如 果 想 改变 实例 的 填充 色 , 可 以 将 实例 分 离 ， 
将 其 变 为 一 般 图 形 朋 进行 调整 。 实 例 分 离 后 ， 将 会 切断 其 与 元 件 的 关系 ， 除 了 对 元 件 本 身 
没有 影响 外 ， 对 引用 该 元 件 的 其 他 实例 也 没有 影响 ， 如 图 233 所 示 。 
cm | 

















将 实例 分 高 的 操作 步骤 如 下 。 

(1) 在 需要 分 高 的 实例 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 世 于 命令 , 则 该 实例 分 高 为 
矢量 图 形 。 

(2) 用 工具 箱 中 的 【选择 】 工 具 对 分 高 后 的 图 形 进行 修改 。 
2.1.8 引用 其 他 电影 元 件 


在 Flash CS5 中 , 可 以 直接 打开 其 他 电影 的 【 库 】 面板， 而 无 需 打开 该 电影 文件 , 并 且 
可 以 在 当前 电影 中 使 用 已 打开 的 元 件 库 中 的 元 件 。 

在 当前 电影 中 引用 其 他 电影 元 件 的 操作 步 邓 如 下 。 

(D 按 Ctrl*Shift+O 组 合 键 ， 打开 【作为 库 打 开 】 对 话 框 ， 如 图 2.34 所 示 。 

(2) 在 打开 的 对 话 框 中 选择 电影 文件 ， 单 击 【 和 确定】 按钮， 这 时 会 出 现 该 电影 的 【 库 】 
面板 , 选项 菜单 中 的 命令 和 左上 角 的 图 标 为 灰色 , 表示 这 些 命令 和 图 标 不 能 工作 , 如 图 2.35 
所 示 。 

{3) 从 打开 的 库 中 将 元 件 抑 到 舞台 中 ， 则 元 件 成 为 当前 电影 中 的 实例 ， 同 时 该 元 件 也 
被 复制 到 当前 电影 的 库 中 ， 如 图 2.36 所 示 。 


痢 
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2.2 图 形 工具 的 简单 案例 


2.2.1 案例 一 : 纸 念 子 的 制作 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘制 / 纸 盒 子 的 制作 .swf” 文件。 通过 
预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 埠 形 、 直 线 、 填充 和 任意 变形 工 
县 绘制 一 个 打开 的 立方 体 辣 子 。 通 过 该 秦 例 的 学 习 , 使 学 生 熟 练 拿 握 矩 形 、 直 线 、 填 充 和 
任意 变形 工具 的 使 用 方法 、 技 巧 以 及 透视 原理 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 





第 





对 知识 点 : gn 


1. Flash 文字 基础 知识 
2. 淳 内 文字 RS 


. 变色 学 

10. 环形 态 转 特效 文字 
11. 由 动 的 文字 效果 
12. 这 时 文字 效果 

13. 鸭 光 特效 文字 

14. 蝴蝶 图 片 与 文字 
15. 幻影 文字 效果 

16. 变色 文字 


YN 说 明 ， 
本 章 主要 通过 15 个 Flash 文字 制作 素 例 ， 全 面 讲解 Flash CS5 制作 动态 文字 的 方法 、 
步 晤 与 技巧 ， 通 过 这 些 例子 的 学 习 并 举一反三 ， 就 可 以 制作 出 其 他 文字 特效 。 


涪 教学 建议 课时 数 : 
一 艇 情况 下 需 16 课 时 ， 其 中 理论 6 课时 ,实际 操作 10 课时 ( 报 据 特殊 情况 可 做 相应 调整 )。 
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3.1 Flash 文字 基础 知识 


Macromedia Flash CS5 提供 多 种 文本 功能 和 选项 。 这 里 主要 介绍 3 种 可 添加 到 文档 中 
的 主要 文本 类 型 。 用 户 可 以 为 文档 中 的 标题 、 标 签 或 其 他 文本 内 容 添 加 静态 文本 ， 也 可 以 
使 用 【输入 文本 】 选 项 ， 以 允许 观众 与 Flash 应 用 程序 进行 交互 。 例 如 ， 在 表单 中 输入 姓 
名 或 者 其 他 信息 。 第 3 种 文本 类 型 是 动态 文本 。 动 态 文本 字段 可 以 显示 根据 用 户 指定 的 条 
件 变化 的 文本 。 例 如 ， 可 以 使 用 动态 文本 来 添加 存储 在 其 他 文本 字段 中 的 值 ， 例 如 两 个 数 
字 的 和 。 
3.1.1 设置 工作 区 


双击 课 面 上 的 (Flash cs5 快捷 启动 如 标 ,3 era nn 选 顺 ， 
新 建 一 个 Flash 文档 。 
设置 【属性 ] 浮动 面板 ,具体 设置 如 图 x 





3.1.2 ”创建 不 断 加 宽 的 文本 块 
操作 步 邓 如 下 。 
(了 ) 单 击 工具 箱 中 的 于 成 如 图 3.2 所 示 。 
(2) 设置 要 输入 的 文 等 属性 , 县 体 设 置 如 图 3.3 所 示 。 
标 指针 如 图 3.4 所 示 。 
A 
图 3.1 图 3.2 图 33 图 3.4 


(4) 输入 “Flash CS5 动画 设计 ”， 效 果 如 图 3.5 所 示 。 


Flash CS5 动画 设 I 


图 35 


提示 : 如 采 要 输入 两 行文 字 时 ， 可 在 输入 完 第 一 行文 字 之 后 按 Enter 键 ， 妨 续 输入 要 输入 
的 文字 。 


| 





ar es ism 
3.1.3 创建 宽度 固定 的 文本 块 


除了 创建 一 行 在 输入 时 不 断 加 宽 的 文本 块 以 外 ， 还 可 以 创建 宽度 固定 的 文本 块 。 具 体 
操作 方法 如 下 。 

(DD) 单 击 工具 箱 中 的 克文 字 ) 工 具 , 【属性 】 浮 动 面板 的 设置 如 图 3.6 所 示 。 

(2) 在 工作 区 中 拖 动 鼠标 ， 此 时 在 工作 区 中 拖 出 一 个 文本 输入 框 ， 如 图 3.7 所 示 。 

(3) 在 文本 框 中 输入 “中 国 职业 教育 是 我 国教 育 发 展 的 必然 趋势 ”， 如 图 3.8 所 示 。 





图 3.6 


注意 ， 用 户 可 以 通过 拖 动 文 ra 外 ， 还 可 通过 双击 方形 控制 块 
未 将 它 转换 为 图 制 块 。 | 若 所 输入 的 内 容 超 出 文本 框 的 宽度 ， 
Flash 会 自 

< A 

3.1.4 编辑 更 改 字体 属性 / 

当 对 所 输入 的 文本 不 满意 时 ， 可 以 对 它 进行 编辑 ， 如 更 改 字 体 。 方 法 很 简单 ， 具体 操 

作 方 法 如 下 。 


(DD 单 击 工具 箱 中 的 出 (选择 ) 工 具 ， 再 单 击 需 要 编辑 的 文本 ， 此 时 【属性 】 浮动 面板 会 
显示 文本 以 前 的 属性 设置 。 

(2) 根据 需要 设置 文本 属性 即 可 。 
3.1.5 添加 输入 文本 字段 


使 用 输入 文本 字段 可 以 允许 观众 与 Flash 应 用 程序 进行 交互 。 例 如 ,使 用 给 入 文本 字 
段 ， 可 以 方便 地 创建 表单 。 

《D 使 用 前 面 所 学 知识 ， 在 工作 区 输入 如 图 3.9 所 示 的 静态 文本 。 

(2) 单 击 四 (文字 工具 ,设置 【属性 】 浮动 面板 如 图 3.10 所 示 。 

(3) 分 别 在 图 3.9 中 的 文字 右边 拖 动 鼠标 ， 拖 出 一 个 文本 框 ， 最 终 效果 如 图 3.11 所 示 。 
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个 人 信息 调查 表 














图 3.9 图 3.10 ff 图 3.11 


(4) 按 CtrlsShifrEnter 组 合 键 ， 进 入 测试 状态 ， NR 
(5) 在 右边 的 输入 框 中 输入 所 需要 的 文本 ， 最 绪 效 3.13 所 示 。 









KX 个 人 信息 调查 表 


6 RN r 3.13 
3.1.6 
生计 

有 时 候 要 输入 的 文本 特别 | 长, 为 了 加 快速 度 , 可 以 使 用 复制 和 粘贴 的 方法 来 给 入 文本 ， 
具体 方法 如 下 。 

(1) 选择 要 复制 的 文本 ， 按 CutC 组 合 键 。 

(2) 回 到 Flash 文档 中 ， 单 击 工具 箱 中 的 上 CX 字 并 具 ， 设 置 好 【属性 】 面 板 ， 在 需要 
粘贴 文字 的 地 方 用 亡 标 拖 出 一 个 文本 框 ， 再 按 CtrlV 组 合 键 。 

G) 选中 刚 粘 贴 的 文字 ， 设 置 文字 【属性 】 面 板 即 可 。 
3.17 为 文本 字段 指定 实例 名 称 

舞台 上 的 输入 文本 字段 是 ActionScript TextField 对 象 的 实例 ， 用 户 可 以 给 它 应 用 属性 
和 方法 。 用 户 最 好 给 文本 字段 交 例 命名 ,这 样 其 他 处 理 该 项 目的 人 员 就 能 够 在 ActionScript 
中 引用 启 实 例 。 给 文本 字段 指定 实例 名 称 的 方法 如 下 。 

(DD 选中 要 指定 实例 的 文本 。 

(2) 在 文本 【属性 】 浮动 面板 的 Es 未 输入 所 职 的 实例 名 称 即 可 。 
提示 : 只 有 输入 文本 和 动态 文本 才能 指定 实例 名 称 。 


Fr 
3.1.8 创建 动态 文本 字段 
在 运行 时 ， 动 态 文本 可 以 显示 外 部 来 源 中 的 文本 。 可 以 创建 一 个 链接 ， 以 链接 到 外 部 


文本 文件 的 动态 文本 字段 。 动 态 文本 字段 创建 的 具体 方法 ， 本 书后 面 将 用 详细 的 例子 进行 
讲解 。 
3.1.9 测试 SWF 文件 

(1D 单 击 文人 0 一 950 命令 ,保存 文件 .然后 单 击 EE3EH ， 测 二 2Hm 一 REm 命 
令 进 行 测试 。 

(2 在 输入 文本 字段 中 输入 文本 。 

{3) 测试 完 该 文件 后 ， 关 闭 SWF 文件 窗口 。 人 怜 


3.2.1 案例 一 : 浮雕 文字 


一 、 案 例 效 果 预 览 下 

索 例 效果 见 本 书 提供 的 “得 CS5 文字 特 交 /浮雕 文字 .swf” 文件。 通过 预览 
了 解 本 案例 的 最 终 效果 。 使 用 Flash 工具 、 分 离 命 令 、 图 像 一 放 的 顺 
序 改 变 和 扩展 填充 命令 简单 的 浮 警 该 案例 的 学 习 ， 使 学 生 掌 握 文字 工 
具 的 基本 使 用 方法 > 从 法 

二 本 ON 析 

案例 画面 效果 如 下 : 

秦 例 制作 的 大 致 步骤 : 

艺术 与 人 生 [ 老 术 地 大 生 
使 月 文字 工具 给 入 项 要 的 | 性 一 > 复制 文 字 ， 改 变 文字 的 填充 
文字 。 色 和 疮 放 顺序 。 





艺术 与 人 生 | i ] 
分 高 文字 并进 行 六 效 村 充 。 | 《一 一 艺术 与 人 生 
词 整 好 两 层 文 字 的 谷 放 位 置 。 
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三 、 详 细 操 作 步 又 

步 邓 1: 双击 里 (Flash CS5 快捷 图 标 ), 弹出 Flash CS5 欢迎 界面 ， 单 击 重 “"““ 2 图标， 
新 建 一 个 空白 文档 。 

步骤 2: 保存 文档 为 “浮雕 文字 .fla”。 

步骤 3: 单 击 而 文字) 工具 , 在 舞台 中 央 输入 “艺术 与 人 生 ” 文 字 , 文字 【属性 】 面板 
的 设置 如 图 3.14 所 示 , 文字 效果 如 图 3.15 所 示 。 





5 人 和 


图 3.14 A 图 3.15 
步骤 4: 选中 “艺术 与 人 生 ” 文 字 键 复制 文字 ,再 按 Ctrl+V 键 将 当前 文字 
粘贴 到 舞台 上 ， 如 图 3. 16 所 示 


EE A 


3.16 图 3.17 


步骤 6: oe 弹出 快捷 菜单 ， 单 击 有 ESEETD 合 令 ， 如 图 3.18 所 示 。 
步骤 7: 单 击 * (选择 ) 工 具 , 移动 黄色 文字 , 并 配合 键盘 上 的 上 下 左右 移动 键 ,对 文字 
进行 微调 ， 调 整 后 的 最 终 位 置 如 图 3.19 所 示 。 








一 上 :om 
二 | 革 艺术 与 人 生 
图 3.18 图 3.19 
步骤 8: 单 3 命令 ， 将 文字 分 离 成 单个 的 文字 。 


步骤 9: 重复 第 7 步 , 再 将 单个 的 文字 分 高 成 矢量 图 形 。 
步骤 10: 单 击 四) 一 9- 命令 ,弹出 【扩展 填充 ]】 对 话 框 , 按 如 图 3.20 
所 示 设 置 。 单 击 EEsE 9 按钮， 得 到 如 图 3.21 所 示 的 图 形 。 





[Femme 


ny 
EE 艺术 与 人 生 
图 3.20 3.21 
、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /浮雕 文字 练习 .swf” 文 件 。 


SR 


3.2.2 案例 二 : 渐变 文字 
一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 3 章 
了 解 本 案例 的 最 终 效果 。 林 委 例 主机 
色 浮 动 面板 的 渐变 设置 制作 一 个 
变 文字 的 制作 方法 。 


二 、 本 案例 画面 效果 及 Dan 
ER NS 









Ne swf” 文 件 。 通 过 预览 
5 的 选择 工具 、 文字 工具 、 填充 工具 和 额 
文字 。 通 过 该 案例 的 学 习 ， 使 学 生 掌握 各 种 渐 


NS 花柱 [A 
案例 制作 的 大 到 步 骚 : 
花样 年 华 花样 年 些 
使 局 文字 工具 使 月 选择 工具 
和 萄 入 需要 的 文字 。 进行 部 分 调节 。 





三 、 详 细 操作 步骤 
步骤 1: 启动 Flash CS5， 新 建 一 个 文 当 ， 命 名 为 “渐变 文字 效果 .fa”。 
步骤 2: 单 击 严 文字) 工具 ， 在 舞台 上 输入 “花样 年 华 ”文字 ， 如 图 3.22 所 示 。 


化 样 年 华 


图 322 
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步骤 3: 单 市 ssw 命令 ， 将 文字 分 离 成 单个 的 文字 。 

步骤 4: 重复 第 3 步 ， 再 将 单个 的 文字 分 高 成 天 量 图 形 。 

步骤 5: 单 击 避 颜 桂 桶 江 具 ,并 将 填充 色 设置 为 轧 渐 变 )。 

步骤 6: 【颜色 】 浮动 面板 的 设置 如 图 3.23 所 示 ， 所 获得 的 效果 如 图 3.24 所 示 。 
步骤 7: 单 击 山 先 择 ) 工 具 ， 对 文字 进行 调节 ， 最 终 效果 如 图 3.25 所 示 


七 





花样 年 华 e 
图 3.23 RS 
四 、 举 一 反 三 -> 


wi or oT 完整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 渐 变 文 字 练 习 -swf” 文件 。 


3.2.3 案例 三 : 图 案 变 化 文字 
一 、 素 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /图 案 变化 文字 .swf” 文件 。 通过 
预览 了 解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 图 片 导入 、 分 高 命 令 、 
遮 量 、 创 建 传统 补 间 动画 、 元 件 的 装 换 、 动 男方 式 的 设置 等 制作 一 个 简单 的 图 案 变化 文字 
效果 。 通 过 该 案例 的 学 习 ， 使 学 生 人 掌握 遮 置 和 动画 方式 的 设置 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 


图 案 文字 图 案 文字 图 案 文字 


图 3.25 





中 作 的 太 致 步骤 
© 
eS 
根据 突 全 的 委 示 ,号 入 自己 | 二 二 > 将 四 片 进行 分 高 并 使 月 构图 
喜欢 的 图 片 ， 工具 将 分 高 的 图 片 侧 作 为 椭 团 : 





U 
图 案 文字 |。 4 


创建 传统 动画 和 贺 壹 这 县 Somme 
效果 。 





三 、 详 细 操 作 步 又 
步骤 1: 运行 Flash CS5, 新 建 为 “图 案 变 化 文字 -fa” 的 文件 。 
步骤 2: 单 击 EZII Ew + 命令 ,, 强 出 一 个 文件 导入 对 话 框 ， 选择 图 片 


所 在 的 文件 夹 ， 并 单 击 要 ; 单 击 E 得 到 如 图 3.26 所 示 的 图 片 。 
步骤 3 : i 所 示 , 单 击 人 可 命令 , 如 图 3.28 
所 示 。 
步骤 4: 2 DI, 并 将 填充 色 设置 为 “性 ,在 图 片 
上 绘制 一 个 3.28 所 示 。 

步骤 5: 单 击 * (选择 ) 工 具 ， 并 在 如 图 3.28 所 示 的 圈 外 单 击 选中 该 图 片 图 外 的 部 分 ， 
按 Delete 键 ， 将 圈 外 的 图 片 删除 ， 如 图 3.29 所 示 。 











图 3.26 图 327 图 328 329 
步骤 6: 单 击 可 令 建 图 层 ) 按 钮 ， 插 入 一 个 新 的 图 层 , 并 选择 该 图 层 , 如 图 3.30 所 示 。 
步骤 7: 单 击 下 (文字) 工具 , 在 舞台 中 输入 文字 , 文字 面板 的 属性 设置 如 图 3.31 所 示 ， 
文字 形状 如 图 3.32 所 示 。 


总 
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图 330 图 331 图 332 
步骤 8: 单 击 * (选择) 工具 ,并 在 图 片上 双击 , 选中 图 片 和 外 图 ,然后 在 图 片上 右 击 ， 
弹出 如 图 3.33 所 示 的 快捷 菜单 ， 单 击 医 ER 命令 ， 弹出 如 图 3.34 所 示 的 对 话 框 ， 
按 如 图 3.34 所 示 设 置 ， 并 单 击 已 本 -按钮 。 将 该 分 高 图 片 转 模 为 图 形 元 件 。 


| 
| 
| 











图 3.33 大- 图 3.34 
se 弹出 如 图 3.35 所 未 的 快捷 采 单 单 击 Eszrzaa 命 令 ， 
括 入 一 个 关键 由 ,如 图 33 
eS 由 右 击 ， 弹 , 单 击 se 命 令 ， 图 民 样 式 如 图 3.37 
所 示 。 
步 邓 1 et 有 击 , 弹出 快捷 菜单 ， 单 市 Sa 命令 。 
图 样式 如 图 933 所 示 。 补 间 动 画 的 【 履 性 】 面板 设置 如 图 3.39 所 示 。 











vao mo ow 





图 337 图 3.38 


sh C85 二 8 要 多 和 和 
步骤 12: 在 图 层 2 上 右 击 , 弹出 快捷 菜单 , 如 图 3.40 所 示 ， 单 击 本 SEE 命令， 
层 样式 如 图 3.41 所 示 ， 效 果 如 图 3.42 所 示 。 





图 案 文字 


3.40 图 3.41 长 图 3.42 


\ 举一反三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， es “第 3 童 Flash CS5 文字 特 
效 /图 案 变化 文字 练习 -swf" 文件 。 sx 


Guangaong (GER 2 gf 
[7 AA A IRS hy 
提示 : 将 文字 分 高， re spe, 弹出 对 话 框 ， 并 进行 设 
置 , 然后 单 击 a 利用 【选择 及 工 上 中 文字 中 要 删除 的 部 分 。 其 余 的 步 
副 参 考 案例 三 。 2 入、 5 
3.2.4 oris 1 

一 、 素 例 效果 预览 

索 例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /立体 文字 .swf” 文 件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 直 线 工 具 、 颜 村 桶 工具 、 
渐变 填充 浮动 面板 和 柔 化 填充 边缘 来 制作 一 个 简单 的 立体 文字 效果 。 通 过 该 案例 的 学 习 ， 
使 学 生 掌握 立体 文字 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 男 面 效果 如 下 ; 


十 
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秦 例 制作 的 大 到 步骤 : 
A f 
根据 过 例 的 要 求 ， 笨 入 制作 | 一 > 文字 分 离 、 乘 化 填充 文字 ， 
立体 效果 的 文字 。 将 不 需要 的 部 分 别 除 并 月 直线 进 





行 连 接 。 





UL 


使 用 制作 A 文字 效果 的 方 
到 
法 ， 再 制作 一 个 了 文字 的 效果 。 Sax a 


$9 | 





三 、 详 细 操 作 步 又 NS 







步 最 1: 启动 Flash CS5, 新 建 “立体 文字 .fla” 的 文件 。 

步骤 2: 单 击 由 (文字) 工具 ， je “me 文字 大 小 如 图 3.43 所 示 。 

步骤 3: 利用 ' (选择 并 ， 按 Cal+V 键 将 文字 粘贴 到 舞 
台 上 ， 位 置 如 图 3.44 所 元 * 


按 Cat 
步 要 4: 单 击 \ 6 近 正 具 ， ws 此 时 将 先 
中 这 两 个 文字 ， 4 和 


体 被 选中 的 文字 上 硬 击 ， 快捷 菜单 ， 单 击 有 2 王国 合 令 ， 将 文字 分 高 , 效 
果 如 图 3.46 所 未 。 
步骤 6: 单 击 EN WP) en- 命令 ， 弹 出 如 图 3.47 所 示 的 对 话 框 。 


AAA AAA 


图 3.43 图 3.45 图 3.46 图 3.47 
步 最 7: Wy 3.47 所 示 , 单 击 己 吐 -按钮 ,得 到 如 图 3.48 所 示 的 文字 效 





果 。 

步骤 8: 单 击 * (选择 ) 工 具 ， 结 合 Shif 键 ， 将 需要 删除 的 部 分 文字 选中 ， 再 按 Delete 
键 ， 将 不 需要 的 部 分 删除 ， 效 果 如 图 3.49 所 示 。 

步骤 9: 单 击 习 直线) 工具， 将 如 图 3.50 所 示 的 文字 连接 起 来 ， 如 图 3.51 所 示 。 

步骤 10: 根据 透视 原理 将 被 违 住 的 线 删除 ， 效 果 如 图 3.51 所 示 。 





Fr 


步骤 11: 单 击 窑 ( 额 料 桶 ) 工 县 ,根据 需要 设置 填充 渐变 色 , 并 填充 文字 , 效果 如 图 3.532 
所 示 。 


图 3.48 图 3.49 图 3.50 图 3.51 图 3.52 


步骤 12: 单 击 于 文字) 工具 , 在 舞台 上 输入 “+” 如 图 3.53 所 示 。 
步骤 13 : 根据 制作 “A” 文字 立体 效果 的 方法 制 人 mk 字 的 立体 效果 ,如 图 3.54 


| a 
Wt 
有 ES 


/ 


四 Be 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /立体 文字 练习 .swf” 文 件 。 














十 


图 354 





3.3 动态 文字 特效 


3.3.1 案例 五 : 变心 文字 


一 、 案 例 效果 预览 


条例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /变心 文字 .swf” 文 件 。 通过 预览 
了 解 本 案例 的 最 终 效 果 。 本 案例 主要 全 用 Flash CS5 的 椭圆 工具 、 文字 工具 、 柔 化 填充 边 毕 
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和 创建 形状 动画 命令 来 制作 一 个 动态 的 变心 文字 效果 。 通 过 该 秦 例 的 学 习 ， 使 学 生 人 掌握 形 
状 动画 制作 的 方法 和 技巧 。 
二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 
EO 
案例 制作 的 大 和 致 步骤 : 
永 不 变心 dF 


根据 案例 的 要 求 , 输入 文字 。 





字 分 离 、 使 用 选择 工具 对 


se 








三 、 详 细 操 作 步 又 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “变心 文字 .fla” 的 文件 。 

步骤 2: 单 击 T( 文 字 ) 工 县, 在 舞台 上 输入 “ 永 不 变心 ”文字 , 文字 【属性 】 面板 的 
设置 如 图 3.55 所 示 , 文字 效果 如 图 3.56 所 示 。 

步骤 3: 单 击 * 尘 择 ) 工 具 , 选中 刚 输 入 的 文字 , 在 文字 上 右 击 , 弹出 快捷 菜单 , 单 击 
医 下 于 命 令 , 将 文字 分 离 成 单个 文字 , 如 图 3.57 所 示 。 





永 不 变心 。 永 不 变心 
图 3.56 


图 3.57 


[Fem 

步骤 4: 再 在 文字 上 右 击 ,在 弹出 的 快捷 菜单 中 单 击 估 命令 ,将 文字 分 高 成 矢量 图 ， 
使 用 * (选择 江 具 调整 文字 形状 ， 如 图 3.58 所 示 。 

步骤 5: 在 “图 层 1” 的 30 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 号 wa 命令 ， 此 时 将 
在 30 帧 处 插入 关键 帧 ， 如 图 3.59 所 示 。 

步骤 6: 单 击 马 (椭圆) 工具 ,在 30 帧 处 绘制 一 个 圆 ， 并 将 文字 删除 ， 单 击 * (选择 ) 工 
具 , 将 椭圆 调整 成 一 个 心 形 ， 如 图 3.60 所 示 。 


mm 
> ZIS 、 
TIN 
水 不 要 心 | ne 等 
图 3.58 图 3.5 图 3.60 

步骤 7: 在 “图 层 1” 的 60 帧 处 右 击 , 在 3 单 中 , 单 击 码 em 命令， 此 时 
将 在 60 帧 处 插入 一 个 关键 帧 。 

步骤 8: 单 击 EN mm 几 y 弹出 对 话 框 ， 对 话 框 的 设置 如 图 3.61 所 
示 ， 单 击 Cs 按钮， 得 到 如 图 3.62 瞩 示 的 文字 效果 。 


步骤 9: 重复 步骤 8， 得 到 示 的 效果 。_ 
步骤 10: 在 图 层 1 的 70 ; 弹出 快捷 菜 出 的 快捷 菜单 中 单 击 有 EE 玉生 
了 10 


令 , 此 时 在 60 帧 至 70 帧 A 
步骤 11: 单 击 具 ， 在 舞台 上 ”两 个 字 , 使 用 * (选择 江 具 调整 图 





形 的 形状 ， 效 果 


i@O0go 


图 3.61 图 3.62 图 3.63 


步骤 12: 单 击 “图 层 1”, 将 “图 层 1” 选中, 如 图 3.65 所 示 。 

步骤 13: 在 选中 的 帧 上 右 击 ,弹出 快捷 菜单 ， 在 弹出 的 快捷 菜单 中 单 击 鲁 wamw 命令 。 
【属性 】 面 板 设置 如 图 3.66 所 示 。 

步骤 14: 图 层 效 果 如 图 3.67 所 示 。 按 Ctrl+S 组 合 键 保存 文件 。 





吕 
SO 1 2 sa 3 aa se 二 号 开 有 





图 3.65 图 3.66 
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四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 


i “第 3 章 Flash CS5 文字 特 
效 /变心 文字 练习 .swf” 文 件 。 , 


案例 效果 见 本 书 提供 的 “第 3 音 Flash CS5 文字 特效 /文字 的 淡出 淡 入 .swf” 文件。 通 
过 预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 选 择 工具 转换 为 
元 件 命令 、 任 意 变形 工具 和 Alpha 属性 设置 来 制作 文字 的 淡出 淡 入 效果 。 通 过 该 案例 的 学 
习 ， 使 学 生 拿 握 淡出 淡 入 文字 动画 制作 的 方法 和 技巧 。 

二 、 本 秦 例 画面 效果 及 制作 步骤 (流程 ) 分 析 

秦 例 画面 效果 如 下 : 








Fer: 


秦 例 制作 的 大 至 步骤 : 


根据 案例 的 要 求 , 输入 文字 。 > 将 文字 转换 为 图 形 元 件 。 | 


创建 关键 辣 并 设置 关 狂 外 
bielssiidilan 人 从 图 形 元 信 的 变形 和 Alpba 人 的 


大 小 。 


三 、 详 细 操作 步骤 冶 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “文字 的 滋 贱 池 ”的 文件 。 

步骤 2: 单 击 下 文字) 工具 ， 在 舞台 上 输入 “文宗 的 次 出 淡 入 ”， 如 图 3.68 所 示 。 

步骤 3: 将 文字 转换 为 图 形 元 件 。 

步骤 4: 在 “图 层 1” 的 30 帧 处 右 击 ， 
在 “图 层 1” 的 30 帧 处 插入 了 一 个 

步 最 5: 利用 步骤 4 的 方法 ， 

步骤 6: 单 击 “ 图 层 1” 的 第 
Shiff 键 ,利用 鼠标 操作 将 文 
文字 效果 将 如 图 3.71 












快捷 菜单 中 单 击 过关 剖 闭 命令， 此 时 


”的 fn 
中 第 1 帧 的 文字 , 单 击 巾 ( 任 意 变 形 江 具 , 按 住 
设置 文字 的 Alpha 值 为 如 图 3.69 所 示 ， 











2 的 60 帧 ， 选 项 的 文字 ， 单 击 马 (任意 变形 ) 工 具 , 按 
Shift 键 , 利用 鼠标 文字 变 小 , 并 3 属性 】 面板 的 Alpha 值 为 如 图 3.69 所 示 ， 
es 0 所 示 。 人 
| 
向 lem 
ee “| 
文字 淡出 淡 入 效果 这 坚 | | | 
图 3.68 图 3.69 图 370 


步骤 8 : 单 击 第 60 帧 ， 单 击 吴 (任意 变形 江 具 ， 按 Sbit 键 ,利用 鼠标 操作 将 文字 变 
小 ,并 设置 文字 【属性 】 面 板 的 Alpha 值 为 如 图 3.71 所 示 ， 文 字 效 果 将 如 图 3.72 所 示 。 
TREE 











夯 区 
SN Re [Er 
> Eaves 
a 
| 一 一 一 一 一 一 m 
i ES | 
par 
图 3.71 图 3.72 
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步骤 9: 单 击 “ 图 层 1”, 将 图 层 1 选中 , 在 图 层 1 的 第 ! 一 60 帧 的 任意 一 帧 处 右 击 ， 
从 弹出 的 快捷 菜单 中 单 击 saemem 命 令 , 将 他 们 创建 补 间 动 男 , 图 层 1 的 效果 如 图 3.73 所 示 。 
步骤 10: 补 间 动画 【属性 】 面 板 的 设置 如 图 3.74 所 示 。 







时 间 物 
SO 有 SS » 5 3 3 的 





图 3.73 < 图 3.74 
步骤 11: RN 的 “文字 的 淡出 淡 入 .swf” 文件 。 
使 用 前 面 所 学 知识 绘制 如 下 所 示 ~ 完整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /文字 的 淡出 淡 入 练习 .swf” 文 


y 风光 有 $2 
a ff eK 
3.3.3 实例 轨 入 文字 效 谨 - 
一 、 案 例 效果 预览 


案例 效果 见 本 书 的 “第 3 章 Flash CS5 文 字 特 效 气 滞 的 文字 .swf’ 文件 。 通 过 预览 
解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 选 择 工具 、 分 高 工具 、 分 散 
到 图 层 命令 、 变 形 命令 、 创 建 传统 补 间 命 令 制 作文 字 的 漂 涪 效果 。 通 过 该 案例 的 学 习 ， 使 
学 生 擎 握 睦 沙文 字 效 果 动 画 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 





中 国 职业 教育 








[Fm 


秦 例 制作 的 大 致 步骤 : 





根据 案例 的 要 求 , 输入 文字 。 将 文字 分 散 到 单个 图 层 中 。 











在 第 60 颌 的 位 置 为 各 个 图 层 
Ee 选中 所 有 图 层 的 第 1 


行 错 位 词 整 。 


创建 传统 补 间 动画 ， 设 置 动 将 文字 移动 到 舞 
画 局 性 浮动 画板 ， 对 各 个 图 层 进 | 《< 一 一 pi 进行 委 直 和 水 





三 、 详 细 操 作 步 又 


步骤 1: 运行 Flash CS5 ， 新 “ 屠 落 文字 效果 fla” 的 文件 。 
步骤 2: 在 浮动 面板 中 单 


】 面板 中 的 = 所 ;弹出 【属性 】 面板， 将 背景 设 
置 为 黑色 ，【 属 性】 面板 的 


为 如 图 3.7 
步骤 3: 单 击 次 or 文字 , 其 大 小 、 位 置 、 颇 







et 





色 如 图 3 PA 
步骤: 亲 下 EDTIR， x 在 文字 上 右 击 , 在 弹出 的 快捷 采 中 单 击 欧 合 
令 , 将 文字 分 个 文字 , 如 图 3.77 所 示 。 
ee 
[ns 
i) TE 
沙文 字 效 采 国标 落 文字 效果 
图 3.75 图 3.76 图 3.77 
步 难 5: 单 市 WO see- swsso 命 令 ， 将 文字 分 表 到 各 个 图 层 ， 图 层 效 果 如 
图 3.78 所 示 。 
步 难 6: 单 击 选中 “图 层 1”, 单 而 【 图 层 】 面板 中 的 按钮 ,将 “图 层 1” 删除 ， 效 
果 如 图 3.79 所 示 。 


步骤 7: 单 击 选中 “ 敢 ” 图 层 的 第 40 帧 ， 在 按 住 Sb 壕 键 的 同时 单 击 “ 果 ”图 层 的 第 
40 帧 ， 此 时 选中 所 有 图 层 的 第 40 帧 ， 效 果 如 图 3.80 所 示 。 
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图 378 图 379 3.80 
步骤 8: 把 鼠标 指针 移 到 任意 一 层 的 40 帧 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 sex 命 


令 ， 依 此 方法 在 每 层 的 第 40 帧 处 插入 关键 帧 ， 图 层 效果 如 图 3.81 所 示 。 
步骤 9: 单 击 %( 选 择 ) 工 具 , 在 任意 图 层 的 第 1 帧 处 单 击 , 再 在 舞台 中 将 所 有 文字 选中 ， 


并 将 文字 移动 到 舞台 左上 角 ， 如 图 3.82 所 示 。 论 
3 ng 3.83 所 示 。 






weaol ss w s w a Ww 
| 





步骤 10: 单 击 本 一 ESM 合 令 。 
步骤 11: 单 击 EEE 二 8m 一 >Fesm 命令 和 















0 
图 3.81 小 88 图 3.83 
步骤 12: 单 击 a 1 帧 ， 在 按 信 同时 ， 单 击 “ 果 ”图 层 的 第 40 帧 ， 
选中 所 有 图 层 的 前 :的 帧 ， 所 获得 的 图 层 3.84 所 示 。 






NX 


图 3.84 


步骤 13 : 把 鼠标 指针 移 到 被 选中 的 帧 上 并 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 ewe 命 
令 , 为 所 有 的 图 层 创建 补 间 动 画 ， 图 层 效果 如 图 3.85 所 示 。 
步骤 14: 选中 所 有 图 层 的 第 1 帧 , 设置 【属性 】 浮动 面板 ， 有 具体 设置 如 图 3.86 所 示 。 











sh C85 tn 


步骤 15: 单 击 由 (选择 江 具 ， 调 整 图 层 的 位 置 ， 图 层 效果 如 图 3.87 所 示 。 


Sw 








图 3.87 
步骤 16: 单 击 “ 棱 ”图 层 的 第 100 帧 ， 在 按 住 Sh 记 键 的 同时 单 击 “ 果 ” 图 层 的 第 100 
帧 ， 此 时 将 选中 所 有 居 的 第 100 帧 ， 在 第 100 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 证 EE 
令 ， 图 层 效果 如 图 3.88 所 示 。 


























3.88 
py 2 swf”Flash 文 件 。 
部 分 效果 如 本 节 omer 所 示 。 


四 、 举 一 反 三 
EX aa nn “第 3 音 Flash CS5 文字 特 
效 / 2 swf” 文件。 Ee 





3.3.4 案例 八 : 变色 变形 文字 


一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /变色 变形 文字 .swf” 文件 。 通 过 
预览 了 解 本 案例 的 最 终 效 果 。 本 委 例 主要 使 用 Flash CS5 的 文字 工具 ,渐变 填充 ,选择 工具 、 
补 问 动 轴 全 0 令 和 分 高 命令 来 制作 一 个 变色 变形 文字 效果 。 通 过 该 案例 的 学 习 ， 合 学生 拿 握 

变形 文字 效果 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


秦 例 画面 效果 如 下 : 
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上 人生 准 风 人 生 和 您 人 人 全 千 My 


秦 例 制作 的 大 至 步骤: 


人 生 准 则 |、 人生 准 则 | 
根据 案例 的 要 求 , 输入 文字 : 分 高 文字 并 进行 渐变 填充 。 





起 续 使 月 选择 工具 和 渐 训 庆 A 


充 工具 进行 填充 变形 词 节 : 


使 用 选择 工具 和 渐变 填充 工 


具 进 行 戎 充 变形 词 节 。 












步骤 1: 运行 Flash CS 个 名 为 “ 变 -fla” 的 文件 。 


步骤 2: 单 击 ， 在 舞台 上 输入 稚 则 ”文字 ,如 图 3.89 所 示 。 
步骤 3: 单 击 县 , 在 输入 的 ,在 弹出 的 快捷 菜单 中 单 击 合 命令 ， 
a 再 重复 使 A ”命令 ， 将 单个 文字 分 高 成 天 量 图 形 ， 如 
图 3. 90 所 示 。Ny 7 

步骤 4: 单 击 尺 癸 料 桶 ) 工 具 ,，【 阁 色 】 浮 动 面板 设置 如 图 3.91 所 示 ， 此 时 的 文字 效 
果 如 图 3.92 所 示 。 


RS 
三 、 详 细 操作 步骤 从 
yA 


人 生 准 则 ”人生 准则 RS 可 人 生 准 则 


图 3.89 图 3.90 图 3.91 图 3.92 
步骤 5: 使 用 (选择 ) 工 具 ,， 调整 文字 形状 ， 最终 效 果 如 图 3.93 所 示 。 
步骤 6: 在 “图 层 1” 的 第 15 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 ***es 命令 ， 此 时 
在 第 15 帧 处 插入 了 一 个 关键 帧 。 调 整 【颜色 】 浮 动 面 板 的 设置 如 图 3.94 所 示 。 文 字 盾 充 
效果 如 图 3.95 所 示 。 


Fr 


步骤 7: 使 用 (选择 ) 工 具 ， 调整 文 字形 状 ，, 最 终 效 果 如 图 3.96 所 示 。 





人 生 准 则 
图 3.93 
步骤 8: 在 “图 层 1” 的 第 30 帧 处 右 击 ， 在 弹出 的 堪 症 菜单 
在 第 30 帧 处 插入 了 一 个 关键 帧 。 调 整 【 颤 色 】 浮 动画 板 的 设置 
效果 如 图 3.98 所 示 。 







中 单 击 到 zew 命令 ,此 时 
如 图 3.97 所 示 。 文 字 填 充 





图 3.97 图 3.98 图 3.99 


步骤 10: 利用 NGO 先 择 ) 工 具 单 击 选中 “图 层 1”， 此 时 图 层 1 的 效果 如 图 3.100 所 示 。 
在 “图 层 12” 选 中 的 任意 一 帧 上 右 击 , 弹出 快捷 菜单 , 单 击 we 命令 即 可 创建 补 间 动 画 ， 


如 图 3.101 所 示 。 
a | 
vO 于 加 





I 本 De 
图 3.100 图 3.101 
步骤 11 : 完整 动 男 请 观看 从 本 书 提供 的 网 页 下 载 的 素材 第 3 章 的 “变色 变形 文字 -swf 
文件 。 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash Cs5 文字 特 
加 


第 3 章 Flash CS5 文字 特效 
效 /变色 变形 文字 练习 .swf” 文 件 。 


动 亏 吸 计 号 济 吃 计 动 另 设计 


3.3.5 案例 九 : 环形 旋转 特效 文字 

一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /环形 旋转 特效 文字 .swf” 文 件 。 
通过 预览 了 解 本 奉 例 的 最 终 效果 。 本 碌 例 主要 使 用 Flash CS5 的 文字 工具 、 引 导线 、 创建 补 
间 动 画 和 分 高 命令 来 制作 环形 旋转 特效 文字 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 人 掌握 引导 图 
层 的 使 用 方法 和 技巧 。 & 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 人 


秦 例 画面 效果 如 下 ; 






没 


案例 制作 Wd 


， 使 用 引导 图 层 2 将 环形 文字 分 离 为 单个 文字 
创 动画 效果 . 将 环形 动 效果 并 改 为 自己 需要 的 文字 。 选 
面 中 的 首 违 师 转 搞 为 关键 师 。 中 所 有 文字 并 复 创 。 


再 创建 一 个 新 的 图 形 元 件 , 粘 
贴 文字 , 分 高 文字 并 进行 填充 。 利 
< 月 前 而 所 学 知识 前 作 浮雕 效果 。 


配 


创建 一 个 影片 勇 辑 元 件 , 将 浮 
有 周 环 形 文字 图 形 元 件 拒 到 影片 前 
辑 中 , 制作 旋转 动画 效果 : 使 用 任 
意 变形 工具 制作 透视 动画 效果 。 





三 、 详 细 操作 步骤 

1. 创建 环形 文字 图 形 元 件 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “环形 旋转 特效 文字 fla” 的 文件 。 

步骤 2: 单 击 浮动 面板 中 的 崔 胺 钮 ,在 【属性 】 浮动 面板 中 将 背景 色 设 置 为 黑色 ,如 
图 3.102 所 示 。 

步骤 3: 单 击 国 风 一 me- cot 命令 ， 弹 出 【创建 新 元 件 】 对 话 框 ， 具 体 设置 如 
图 3.103 所 示 。 单 击 忆 按钮， 新 建 一 个 图 形 符号 。 


国 : 





Flash cs5 动画 刘 计 守 例 和 和 
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图 3.102 图 3.103 


步骤 4: 在 工作 区 中 输入 “ 蓝 ” 字 , 在 “图 层 1” 的 第 24 帧 处 插入 关键 帧 。 在 “图 层 
1” 的 第 1 一 24 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 测 w**#9 命 令 , 为 图 层 1 创建 补 间 动 画 。 


步骤 $: 在 “图 层 1” 上 右 击 弹出 快捷 菜单 ， 在 弹出 的 快捷 菜单 中 单 击 swwzsses 命 
区 给 制 一 个 圆 。 
a 如 图 3.104 所 示 。 


创建 一 个 引导 层 。 
i 3.105 所 示 的 位 置 , 再 单 击 “图 








令 


o 


步骤 6: 单 击 o 懈 圆 工具 ， 将 填充 色 设置 为 去 

步骤 7: 利用 (橡皮 掠 工 具 ， 将 给 制 的 机 加 

步骤 8: 单 击 “ 图 层 1” 的 第 1 帧 , 将 “ 禾 * 
层 1” 的 第 24 帧 , 将 “ 蓝 ” 字 移 到 如 图 3. 





图 4 个 和 图 3.106 

步骤 9: : 层 1” 的 第 1 一 24 帧 之 间 右 击 , 在 弹出 的 快捷 菜单 中 单 击 easya 命令 ， 
创建 补 间 动 画 。【 属性】 浮动 面板 的 设置 如 图 3.107 所 示 。 

步骤 10: 在 “图 层 1” 上 单 击 选中 整个 图 层 ,， 在 选中 图 层 的 两 个 关键 帧 之 间 右 击 , 弹 
出 快捷 菜单 ， 单 击 exew 命令, 将 所 有 过 渡 帧 竺 换 为 关键 巾 ， 时间 i 由 如 图 3.108 所 示 。 

es 11: 将 时 间 轴 上 的 关键 帆 隔 凡 山下， 时 间 轴 如 图 3.109 所 示 。 








Gy (ms 丰 








Ee 
图 3.107 图 3.108 图 3.109 
步骤 12 : 单 击 图 层面 板 中 的 可 (编辑 多 个 帧 ) 琅 钮 ， 此 时 的 图 层面 板 如 图 3.110 所 示 ， 
文字 效果 如 图 3.111 所 示 。 


步骤 13 : 在 选中 的 文字 上 右 击 ， 弹 出 快捷 荣 单 ， 单 击 生命 令 ， 将 文字 分 离 成 单个 文 
字 , 如 图 3.112 所 示 。 


:全 由 
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步骤 14: 单 击 于 文字) 工具 , 将 “ 蓝 ” 修 改 成 自己 想 要 的 文字 , 效果 如 图 3.113 所 示 。 
步骤 15: 将 所 有 修改 好 的 文字 全 部 选中 ， 按 CtrHC 键 复制 文字 。 


Tamm es 
3 os 
了 oe, 
由 
有 SEE 


图 3.110 图 3.111 图 3.112 图 3.113 


步骤 16: 单 击 本 + msm ”eis 命令 ,弹出 [创建 新 元 件 ] 对 话 框 , 按 如 图 3.114 
所 示 进行 设置 。 单 击 [到 时 _] 按 包 ， 新 建 一 个 新 图 形 符号 》 下 的 .Ci*Y 急 将 刚 复审 的 文字 
复制 到 该 符号 中 。 

步骤 17: 利用 前 面 所 学 的 知识 ， 给 该 环形 文字 by 雁 效 果 ， 效 果 如 图 3.115 所 示 。 

步骤 18: 单 击 图 层面 板 的 EH 实 钮 返回 a 

2. 创建 影片 剪辑 动画 元 件 


步骤 1: 单 击 醒 本 -和 = Co 弹出 【创建 新 元 件 ] 对 话 框 , 具体 设置 如 
图 3.116 所 示 。 单 击 Ce_ 按 钮 ， 



















图 3.114 图 3.115 图 3.116 


步骤 2: 将 库 中 的 “图 形 元 件 ” 拖 到 影片 到 辑 中 。 

步 台 3: 在 “图 层 1” 的 30 帧 处 插入 关键 帧 ， 并 选中 “图 层 1”， 如 图 3.117 所 示 。 
步骤 4: 创建 传统 补 间 动 男 ,设置 属性 面板 如 图 3.118 所 示 。 

步骤 5: 单 击 【图 层 ] 面板 的 本 BE 对 安 钮 ， 返 回 场景 1。 

步骤 6: 将 库 中 的 “环行 旋转 ”影片 剪辑 把 放 到 舞台 上 。 

步骤 7: 利用 踊 ( 任 意 变 形 江 具 ， 对 “环行 旋转 ”影片 进行 变形 ， 最终 效 果 如 图 3.119 











图 3.117 


图 3.119 





步 最 8: 充 整 动 男 效 果 请 观看 本 书 提供 的 网 页 下 载 的 素材 第 3 章 的 “环行 旋转 文字 特 
效 .swf” Flash 文 件 。 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /环形 旋转 特效 文字 练习 .swf” 文 件 。 


3.3.6 ”案例 十 : 跳动 的 文字 效果 rE 





一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 3 章 Ff 字 特 效 /跳动 的 文字 效果 .swf” 文件 。 
过 预览 了 解 本 案例 的 最 终 效果 。 本 案例 Flash CS5 的 文字 工具 、 分 艇 到 图 层 、 六 
关键 帆 、 创 建 传统 补 间 、 2 作 跳动 的 文字 效果 。 通 过 该 案例 的 学 习 ， 使 
学 生 营 握 引 | 性 图 层 的 使 用 方法 


= Teammate 2 和 


案例 er 
NS 中 国有 职业 教育 








案例 制作 的 大 致 步骤 ， 

中 国 职业 教育 > 

创建 一 个 图 形 元 件 并 输入 如 将 文字 分 高 成 单个 文字 ,再 
上 图 所 示 的 文字 分 获 到 各 个 图 层 。 





将 制作 好 的 影片 剪辑 元 件 拖 < 使 月 分 散 的 文字 图 层 制 作 传 
两 次 到 舞台 中 并 词 整 好 位 置 .将 下 统 衬 间 动 画 ， 进 行 图 层 词 整 。 
画 的 文字 进行 委 直 翻转 和 Alpha 
们 设置 即 可 - 
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三 、 详 细 操作 步骤 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “跳动 的 文字 效果 .fla” 的 文件 。 

步骤 2: 单 击 轴 而 Wa#0- et 命令 , 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 如 
图 3.120 所 示 。 单 击 忆 as 按钮， 新 建 一 个 影片 剪辑 符号 。 

步骤 3: 在 浮动 面板 中 单 击 | 三 项 ， 转 到 【属性 ] 浮动 面板 。 在 浮动 面板 中 将 舞台 背景 
设置 为 黑色 。 

步骤 4: 单 击 下 (文字 ) 工 具 ,， 在 舞台 中 输入 如 图 3.121 所 示 的 文字 。 















图 3.120 图 3.121 
步骤 5: 单 击 N( 选 择 ) 工 具 ,， 在 输入 双 aE ， 弹 出 快捷 菜单 ， 单 击 二 命令 , 将 
文字 分 离 成 单个 文字 。 


步骤 6: 再 在 分 高 的 文字 上 右 : ss 单 击 sewas 命令 ， 将 单个 文字 分 散 


到 各 个 图 层 ， 如 图 3.122 所 示 。 党 有 

步骤 7: 在 “图 层 1” 刀 音 击 y 选中 ea 单 击 时 间 铀 上 的 (删除 图 层 ) 按 
钮 ,将 “图 层 1” 灿 除 123 所 示 。 

步骤 8: 在 “中 层 的 20 帧 处 单 击 Shift 键 的 同时 ， 在 “ 育 ” 图 层 的 第 20 由 
处 单 击 , 先 有 的 第 20 帧 。 节 A 和 

步骤 9: 的 第 20 帧 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 we* 命令 ， 在 第 20 帧 外 
插入 一 个 关键 帧 。 


步骤 10 : 使 用 步 邓 9 的 方法 ， 在 所 有 图 层 的 第 40 帧 处 插入 一 个 关键 帧 ， 如 图 3.124 
所 示 。 





图 3.122 图 3.123 图 3.124 
步骤 11: 选中 所 有 图 层 的 第 20 帧 , 并 将 工作 区 的 文字 向 上 移动 一 段 距离 , 如 图 3.125 
所 示 。 
步骤 12: 单 击 “ 中 ” 层 的 第 一 帧 ， 在 按 住 sh 这 键 的 同时 单 击 “ 育 ”图 层 的 第 40 帧 ， 
选中 所 有 图 层 的 所 有 帧 ， 如 图 3.126 所 示 。 








图 3.125 图 3.126 


步骤 13: 在 选中 的 任意 帧 上 右 击 , 弹出 快捷 菜单 ， 单 击 唱 we 命令, 创建 补 间 动画 ， 
如 图 3.127 所 示 。 
步骤 14 : 在 “ 国 ” 图 层 上 单 击 , 选中 “ 国 ”图 层 的 前 和 竟 ， 把 饼 标 指针 放 到 选中 的 


任意 帧 上 ， 在 按 住 鼠 标 左 键 不 放 的 同时 往 后 移动 ， 最 终 效 肝 -128 所 示 。 





图 3.129 


步骤 16: 利用 前 面 的 方法 , 选中 所 有 图 层 的 第 140 帧 , 并 在 任意 层 的 第 140 帧 上 右 击 ， 
弹出 快捷 菜单 ， 单 击 EE 芭 命令 ， 插 入 帧 。 

步骤 17: 单 击 时 间 轴 上 的 & 强 :按钮 返回 场景 。 

步骤 18: 打开 【 库 】 浮 动 面板 ， 将 库 中 的 本 BE 拖 到 舞台 中 ， 位 置 如 图 3.130 所 示 。 

步骤 19: 再 拖 一 次 ， 此 时 舞台 上 有 两 个 影片 剪辑 ， 如 图 3.131 所 示 。 

步骤 20: 选择 下 边 的 影片 剪辑 ， 单 击 EEED ES Emal 古今, 并 调整 文字 位 置 , 效 
果 如 图 3.132 所 示 。 

步骤 21: 选择 下 边 的 影片 剪辑 ， 并 设置 【属性 】 面 板 , 如 图 3.133 所 示 。 
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es 
i TNF @ 
回 4 
EM: 村 sh 3 
中 中 二 
中 中 中 EC) 
Cy 
图 3.130 图 3.131 图 3.132 图 3.133 


完整 动画 请 观看 本 书 提供 的 网 页 上 下 载 的 素材 第 3 音 的 “跳动 的 文字 效果 .swf” Flash 
文件 。 

四 、 举 一 反 三 论 

使 用 前 面 所 学 知识 给 制 如 下 所 示 的 图 形 ， 完 a “第 3 章 Flash CS5 文字 特 
效 /跳动 的 文字 效果 练习 .swf” 文件 。 《 










本 


属性 ] 面 板 中 的 | 机 一 局 项 ， 
RY i 





提示 : A 
然后 选择 “色调 ”， 所 需 


3.37 案例 二 一: 和 


一 、 案 例 jt 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 遮 轩 文字 效果 .swf” 文件。 通过 
预览 了 解 本 案例 的 最 终 效果 。 本 容 例 主要 使 用 Flash CS5 的 文字 工具 ,矩形 工具 ,渐变 工具 、 
笑 色 浮动 面板 的 设置 、 遮 重 命令 和 补 间 动画 命令 来 制作 讶 四 文字 效果 。 通过 该 案例 的 学 习 ， 
使 学 生 人 掌握 遮 嘲 动画 制作 的 原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 





[Fer 


秦 例 制作 的 大 致 步骤 : 


使 月 文字 工具 笨 入 震 要 的 创建 一 个 彩色 线性 渐变 短 形 
文字 : 刻 一 > | 杠 作 为 这 昌国 形 。 
制作 这 四 文字 效果 的 装饰 柜 。 < 创建 庆生 补 间 动 画 。 


三 、 详 细 操作 步 晤 
步骤 1: 运行 Flash CS5， 新 建 一 个 名 为 “ 遮 轩 文字 .fla ”的 文件 。 
步骤 2 : 单 击 溯 动 面板 中 的 项 ，【 属 性】 浮动 面 4 背景 颜色 设置 为 蓝 绿 色 。 


步骤 3: 单 击 轩 (文字) 工具 , 在 舞台 中 输入 如 图 3. 示 的 文字 。 文 字 【 属 性】 面板 


的 设置 如 图 3.135 所 示 。 
步骤 4: 单 击 时 间 柚 上 的 chen 从 个 新 图 层 ， 名 为 “图 层 2”, 并 选 
中 该 图 层 , 如 图 3.136 所 示 。 









图 3.134 图 3.135 
步骤 5: 单 击 豆 kB 形 ) 工 具 , 将 填充 色 设置 成 于 9 (新 变色 ), 并 在 舞台 上 绘制 一 个 起 形 ， 
如 图 3.137 所 示 。 
步骤 6: 设置 【颜色 】 浮 动 面板 ， 在 渐变 条 件 下 单 击 添加 色 块 标志 ， 并 设置 各 色 块 标 
志 的 额 色 ， 有 具体 设置 如 图 3.138 所 示 。 
步骤 7: 把 鼠标 指针 移 到 “图 层 2” 上 ,然后 按 住 鼠标 左 键 不 放 往 下 拖 动 , 将 “图 层 2” 
调整 到 图 层 1 下 面 ， 如 图 3.139 所 示 。 调 整 后 的 效果 如 图 3.140 所 示 。 


图 3.140 
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步骤 8: 在 图 层 的 第 60 帧 处 右 击 , 弹出 快捷 菜单 ， 单 击 2=es 命令 ， 此 时 在 第 60 帧 
处 将 插入 一 个 关键 帧 ， 并 创建 补 间 动画 ， 如 图 3.141 所 示 。 

步骤 9: 在 图 层 2 的 第 60 帧 处 右 击 , 弹出 快捷 菜单 ， 单 击 ** 命 令 ， 此 时 在 第 60 帧 
处 将 插入 一 个 普通 帧 , 如 图 3.142 所 示 。 





3.141 图 3.142 


步骤 10: 单 击 “图 层 1” 的 第 1 帧 , 并 调整 舞台 中 置 ， 如 图 3.143 所 示 。 
步骤 11: 在 “图 层 1” 上 右 击 , 弹出 快捷 菜单 ， 站 念 ， 创 建 遮 四 效果 。 图 层 


设置 如 图 3.144 所 示 ， 设 置 后 的 效果 如 图 3.145 ~ 


图 3.143 ez 和 






2 图 3.145 
步骤 12 : 单 击 8 的 可 (新 建 图 层 入 一 个 新 图 层 ， 名 为 “图 层 3”, 并 
选中 该 图 层 , 如 图 4446 所 示 。 2 


6 形 】 工 具 ， 在 舞 容 站 绘 制 如 图 3.147 所 示 的 图 形 。 完 整 动 画 请 观看 


图 3.146 图 3.147 





四 ， 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 请 观看 “第 3 章 Flash CS5 文字 特 
效 / 庶 二 文 字 效 果 练 习 .swf” 文 件 。 





国 加 





Fans eee 


3.3.8 案例 十 二 : 辉 光 特 效 文字 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 / 瞬 光 特效 文字 .swf” 文 件 。 通 过 
预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 矩形 工具 、 传统 补 间 
动画 命令 、Alpha 的 设置 、 蔡 号 元 件 的 创建 来 制作 辉 光 特 效 文字 效果 。 通 过 该 案例 的 学 习 ， 
使 学 生 人 掌握 辉 光 特 效 文字 制作 的 原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 男 面 效果 如 下 : 





案例 制作 的 大 致 步骤 : 


国有 


使 用 矩形 A 
动 面板 制作 区 个 图 所 示 的 图 形 
“ 










件 ， 将 图 形 元 件 沧 到 该 元 件 中 ， 
a 制作 上 图 所 的 影片 双 拓 元 件 。 
7 





元 件 : 





<- ENT 


在 场景 中 制作 文字 动画 : 


创建 一 个 新 图 层 ， 将 彩 片 劳 
辑 元 件 拖 到 该 图 层 ， 输 入 文字 。 





三 、 详 细 操 作 步 又 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “ 远 光 特效 文字 .fla” 的 Flash 文件 。 

步骤 2: 在 浮动 面板 中 单 击 册 项 , 转 到 【属性 】 浮动 面板 , 在 【属性 ] 面板 的 本 型 中 
将 舞台 背景 色 设置 成 纯 黑 色 。 

步 难 3: 单 击 本 加 一 WNW- or 命 今 , 弹出 [创建 新 元 件 ] 对 话 框 , 其 设置 如 图 3.148 
所 示 。 单 击 已 旺 _ 按钮 ， 新 建 一 个 图 形 元 件 。 

步骤 4: 单 击 电 ( 虐 形 ) 工 具 , 并 设置 填充 色 为 “ 黑 一 黄 一 黑 ” 形 式 的 渐变 , 【颜色 ] 浮 
动 面板 的 设置 如 图 3.149 所 示 。 

步 对 5: 在 工作 区 绘制 一 个 矩形 ， 如 图 3.150 所 示 。 


:02 
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图 3.148 图 3.149 图 3.150 
步骤 6: 单 击 图 标 部 分 选取 工具 ， 对 绘制 的 矩形 进行 调整 ， 效 果 如 图 3.151 所 示 。 
步骤 7: 单 击 时 间 灿 左上 角 的 Eee 按 钮 ， 转 回 场景 。 
步 驮 8 : 单 击 EE 命令 ,弹出 【 

3.152 所 示 。 单 击 忆 按钮， 新 建 一 个 “影片 剪辑 ” 
步骤 9: 将 “元 件 1” 抑 到 工作 区 , 位 置 如 图 






】 对 话 框 , 设置 为 如 图 


图 3.151 24152 图 3.153 
步骤 10: A mp eb i 单 击 ES 命令 ， 此 时 在 
【任意 变 开 





“图 层 1” eh SN 一 个 关键 帧 包 工具 调整 “元 件 1” 的 形状 , 如 
图 3.154 a 

步骤 11: 在 “图 层 1” 的 第 10 帧 处 右 击 ， 弹 出 快捷 菜单 ， 单 击 ESa33 市 令 ,此 时 在 
“图 层 1” 的 第 10 帧 处 将 插入 一 个 关键 帧 。 利 用 【任意 变形 】 工 具 调整 “元 件 1” 的 形状 ， 
如 图 3.155 所 示 。 

步骤 12: 在 “图 层 1” 的 第 18 帧 处 右 击 , 弹出 快捷 菜单 , 单 击 Bes 命令 ,此 时 在 
“图 层 1” 的 第 18 帧 处 将 插入 一 个 关键 帧 。 利 用 【任意 变形 了】 工具 调整 “元 件 1” 的 形状 ， 
如 图 3.156 所 示 。 

步骤 13 : 在 “图 层 1” 上 单 击 ， 此 时 将 选中 “图 层 1” 的 所 有 帧 。 在 选中 的 任意 帧 上 
右 击 , 弹出 快捷 菜单 ， 单 击 部 传 寺 补 同 命 令 , 为 “图 层 1” 创建 补 间 动 画 ， 如 图 3.157 所 示 。 


图 3.154 图 3.155 图 3.156 





古 : 
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步骤 14: 在 “图 层 1” 所 选中 的 任意 帧 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 上 型 王 命 令 ， 复 制 
所 有 选中 的 帧 。 

步骤 15: 单 击 时 间 负 左下 角 的 可 【新 建 图 层 ] 按钮 , 此 时 将 插入 一 个 “图 层 2”。 在 “图 
层 2” 上 单 击 , 选中 所 有 普通 帧 , 在 选中 的 任意 帧 上 右 击 , 弹出 快捷 菜单 , 单 击 ES 全 令 ， 
粘贴 刚才 复制 的 帧 ， 如 图 3.158 所 示 。 

步骤 16: 利用 第 15 步 的 方法 , 再 新 建 一 个 “图 层 3”, 并 灶 贴 帧 ， 效 果 如 图 3.159 所 示 。 

步骤 17: 单 击 ( 选 择 ) 工 具 , 调整 3 个 图 层 中 帧 的 位 置 关系 ,调整 好 的 位 置 关系 如 图 3.160 
所 示 。 
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图 3.158 图 3. ee 
步骤 18: 单 击 时 间 轴 左上 角 的 场景 1 中 。 
步骤 19: 单 击 (文字 ) 工 具 ， i 入 “F” 文 字 ， 如 图 3.161 所 示 。 


步骤 20: 在 第 5 帧 处 插入 一 个 关 笛 顺 ,并 输入 “1” 文字 , 如 图 3.162 所 示 。 
步骤 21: 利用 步 邓 20 别 在 第 10、1 25、30、35 帧 处 插入 关键 帧 ， 
分 别 输 入 “a”、“S” ye 2 ‘0 NE 文字 ,如 图 3.163 所 示 。 


加 加 


图 3.160 


图 3.161 图 3.162 图 3.163 
步骤 22 : 单 击 时 间 轴 左下 角 的 加 扬 建 图 层 ) 按 钮 , 此 时 将 插入 一 个 “图 层 2”, 如 图 3.164 
所 示 。 
步骤 23: 选中 “图 层 2” 的 第 1 帧 ， 将 “元 件 2” 拖 到 舞台 中 ， 位 置 如 图 3.165 所 示 ， 
【属性 】 面 板 设置 如 图 3.166 所 示 。 
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步骤 24: 在 “图 层 2” 的 第 5 帧 处 插入 关键 帧 ， 再 拖 一 个 “元 件 2” 到 舞台 上 , 位 置 
如 图 3.167 所 示 , 【属性 ]】 面板 的 设置 如 图 3.166 所 示 。 

步骤 25 : 方法 同步 骤 24, 分 别 在 “图 层 2” 的 第 10、15、20 帧 处 插入 关键 帧 ， 将 库 
中 的 “元 件 2” 分 别 拖 到 第 10、15、20 帧 的 工作 区 , 【属性 ] 面板 的 设置 如 图 3.166 所 示 。 
最 终 效果 如 图 3.168 所 示 。 

步骤 26: 利用 前 面 所 学 的 知识 ， 新 建 一 个 图 层 ， 输 入 “ 辉 光 特效 ”， 并 制作 成 浮雕 效 
果 ， 如 图 3.169 所 示 。 


图 3.167 图 3.168 | 图 3.169 


步骤 27: acec 的 素材 第 3 章 的 “ 逻 光 特效 文字 .swf 





Flash 文件 。 
四 、 举 一 反 三 RS 


使 用 前 面 所 学 知识 绘制 如 从 形 ， 完 整 效 时 请 观看 “第 3 章 Flash CS5 文字 特 
种 






3.3.9 案例 十 三 : 晴 蝶 图 片 与 文字 
一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /蝴蝶 图 片 与 文字 .swf” 文件 。 通 
过 预览 了 解 本 秦 例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 路 径 工具 、 图 片 的 
导入 与 影片 剪辑 来 制作 果 屿 图 片 与 文字 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 拿 握 文 字 路 径 的 
创建 和 路 径 动 画 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步 又 (流程 ) 分 析 


案例 男 面 效果 如 下 : 





I05: 





Chow 


笋 例 制作 的 大 致 步骤 : 
根据 案例 要 求 ， 导 入 作为 彰 ， 使 月 两 张 蝴 绕 图 片 制作 一 个 
县 的 四 片 。 蝴 竣 坊 革 外 衬 的 影片 前 抽动 画 ， 





返回 场景 ， 将 背景 图 片 、 文 dg 
字 和 路 径 动 画 影 片 双 竹 拖 到 舞 合 . As 


中 并 词 整 好 位 置 。 





三 、 详 细 操 作 步 又 8 


1. 导入 图 片 和 创建 文字 图 形 肪 


步骤 1: 运行 Flash CS3 “人 网 ye fla” 的 文件 。 
步骤 2: 单 击 | i 库 】 对 话 框 , 根据 图 片 保 存 
的 位 置 , 找到 中 ， ee 钮 ， 将 图 片 导 入 库 中 。 


步骤 3: Ta 片上 右 击 ， 弹 出 快捷 菜单 ， 单 击 喝 到 命令 ， 
将 图 片 分 高 , 部 图 3. es 并 在 “图 层 1” 的 第 80 帧 处 插入 一 个 普通 帧 。 

步骤 4: 单 十 Eg ， 弹出 【创建 新 元 件 】 对 话 框 ,设置 为 
如 图 3.171 所 示 。 单 击 Ce 站 按钮 ,新建 一 个 图 形 元 件 。 在 工作 区 中 输入 如 图 3.172 所 示 的 
> 

步骤 5: 单 击 时 间 铀 左上 角 的 瑟瑟 到 安 钮 ， 返 回 场景 。 





图 3.170 图 3.171 图 3.172 


步骤 6: 单 击 时 间 轴 上 的 可 令 建 图 层 ) 按 钮 ， 插入 一 个 新 图 层 。 在 新 建 图 县 上 双击 , 此 
时 新 建 图 层 处 于 修改 状态 ， 如 图 3.173 所 示 。 

步骤 7: 输入 “文字 图 层 ”文字 , 将 图 层 重 命名 ， 如 图 3.174 所 示 。 

步骤 8 : 将 “文字 ”图 形 元 件 拖 到 舞台 中 ， 其 大 小 、 位 置 如 图 3.175 所 示 ， 图 形 符号 
【 属性】 面板 的 设置 如 图 3.176 所 示 。 
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图 3.173 图 3.174 图 3.175 


2. 创建 “ 飞 三 的 最 朵 ”影片 剪辑 元 件 

步骤 1: 利用 步骤 2 的 方法 ,将 制作 蝴 蝶 动画 的 图 片 导入 到 库 中 。 

步骤 2: 单 击 E +3 命令, 弹出 【 元 件 】 对 话 框 , 具体 设置 
如 图 3.177 所 示 。 单 击 C 醉 按钮 ,新 建 一 个 影片 前 

步骤 3: 将 库 中 的 “位 图 3” 图 片 拖 到 工作 多 3. 178 所 示 。 

步骤 4: 在 图 层 的 第 2 帧 处 插入 一 个 关 旬 位 图 5” oy 将 库 中 的 “位 
图 6” 拖 到 工作 区 ， 位 置 跟 “ 位 图 5” 的 臣 全 

和 后 作 放 法 最 二 度 4 的 方法 - 浅 








中 。 
刘 i ; 并 在 每 一 个 图 层 上 拖 一 个 “ 飞 


步骤 6. 6: 和 时 间 轴 左上 角 
, 步 邓 7: 利用 前 面 第 6 Dy 3 





图 3.177 图 3.178 图 3.179 图 3.180 

3. 创建 路 径 文字 和 路 径 文字 动画 

步骤 1: 在 BEE 梧 图 层 上 右 击 ， 弹 出 快捷 荣 单 ， 单 击 和 wssssss 命令 , 插入 一 个 引导 
层 , 如 图 3.181 所 示 。 

步骤 2: 将 “文字 ”图 形 符号 拖 到 舞台 中 , 位 置 与 “文字 图 层 ” 中 的 文字 重合 , 如 图 3.182 
所 示 。 

步骤 3: 将 “引导 层 ” 之 外 的 所 有 图 层 锐 证 ,如 图 3.183 所 示 。 

[al 





图 3.182 





FE 

步 邓 4: 在 引导 层 中 的 文字 上 右 击 , 弹出 快捷 菜单 ， 单 击 蔚 王 强 命令 ,将 文字 分 高 成 
单个 文字 ， 如 图 3.184 所 示 ， 再 用 同样 的 方法 ,将 单个 的 文字 分 高 成 矢量 图 形 , 如 图 3.185 
所 示 。 

步骤 5: 单 击 E 一 Be 四 Ee 命令 ， 弹 出 【 柔 化 填充 边缘 】 对 话 框 ， 设 置 
如 图 3.186 所 示 ， 然 后 单 击 已 旺 _ 按钮 。 

步骤 6: 单 击 * (选择 ) 工 具 ， 并 配合 Shi 这 键 ， 选 择 邓 化 填充 边缘 的 文字 ， 并 按 Delete 
键 ， 效 果 如 图 3.187 所 示 。 





图 3.184 图 3.185 图 3.187 
步骤 7: 将 “引导 层 ”之 外 的 所 有 图 层 隐 藏 人 i 3.188 所 示 , 文字 如 图 3.189 
所 示 。 
步骤 8: 利用 有 (橡皮 擦 ) 工 具 和 * ， 将 文字 处 理 成 如 图 3.190 所 示 。 


2 


东 纪 
图 3j89 图 3.190 


步骤 9 : 将 “蝴蝶 1”“ 电 耻 业 2” 两 个 图 层 的 隐藏 和 锁定 取消 ， 并 在 两 个 图 层 的 第 80 
帧 处 插入 关键 帧 ， 图 层面 板 如 图 3.191 所 示 。 











图 3.191 


步骤 10: 将 时 间 指 针 移 到 第 1 帧 ， 并 调整 两 只 蝴 暴 的 位 置 ， 如 图 3.192 所 示 。 

步骤 1 : 将 时 间 指 针 移 到 第 80 帧 ,并 调整 两 只 蝴蝶 的 位 置 ， 如 图 3.193 所 示 。 

步骤 12 : 为 “蝴蝶 1” 与 “ 晴 嵌 2” 两 个 图 层 创建 补 间 动 画 ， 时 间 轴 效果 如 图 3.194 
所 示 。【 属 性 】 面 板 的 设置 如 图 3.195 所 示 。 
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图 3.194 四 图 3.195 
步骤 13: 将 所 有 图 层 的 隐藏 和 锁定 取消 3.196 所 示 , 动画 效果 如 图 3.197 











A 图 3.196 * 汇 


图 3.197 
步骤 14: (eet 3 音 的 “ 晴 蝶 与 文字 ”Flash 文件 。 


四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 / 邮 有 时 图 片 与 文字 练习 .swf” 文 件 。 





3.3.10 ”案例 十 四 : 幻影 文字 效果 


一 、 案 例 效果 预览 
秦 例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 揪 ] 影 文字 效果 .swf” 文 件 。 通 过 
预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 补 间 动 画 、Alpha 属 
性 设置 和 元 件 转换 来 制作 幻影 文字 效果 。 通 过 访 案 例 的 学 习 ， 使 学 生 齐 握 幻影 文字 制作 的 
方法 和 技巧 
im: 





Fer: 


二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 
案例 画面 效 果 如 下 : 


案例 制作 的 大 致 步骤 : 


ECEEEESEZ3 人 
[一 >》 | 于 们 统 补 但 动画。 


根据 案例 要 求 ， 输 入 文字 并 


将 文字 转 痪 为 图 开元 件 , 如 上 图。 AS [1 


设置 图 层 的 第 1 颌 的 图 形 元 
件 的 Atpha 信 为 0. 选 咎 第 1~80 


晤 之 间 的 所 有 师 ， 复 便 所 有 是 。 


铬 
三 、 eo Wa 
步 对 1: 运行 : 衣 次 ] 影 文字 效果 .fla” 的 文件 ， 并 将 背景 色 设 
f 















再 新 建 8 个 新 图 层 ， 给 每 个 
图 层 粘贴 师 ， 词 整 每 个 图 
位 置 ， 最 终 效果 如 上 图 


RS 1 
步骤 2: 单 省 "(文字 ) 工 具 ,在 舞台 中 输入 如 图 3.198 所 示 的 文字 。 

步骤 3: 将 如 图 3.198 所 示 的 图 片 转换 为 图 形 元 件 。 

步骤 4: 在 “图 层 1” 的 第 80 帧 处 插入 关键 帧 。 

步骤 5: 为 “图 层 1” 创建 补 间 动画 。 选 中 “图 层 1” 的 第 1 帧 ， 设 置 〖【 属 性】 面板 ， 
如 图 3.199 所 示 。 选 中 “图 层 1 第 1 帧 中 的 文字 图 形 元 件 , 再 设置 【属性 ] 面板 , 如 图 3.200 
所 示 。 

步骤 6: 选中 “图 层 1” 的 前 80 帧 , 在 “图 层 1” 的 第 1~80 帧 的 任意 帧 上 右 击 ， 弹 
出 快捷 菜单 ， 单 击 EE3E 避 命令 ， 复 制 所 有 帧 。 





图 3.198 


:110 
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步骤 7: 再 新 建 8 个 图 层 ， 将 刚 复制 的 帧 粘贴 给 这 8 个 图 层 。 

步 巴 8: 调整 各 图 层 中 帧 的 位 置 , 如 图 3.201 所 示 。 

步骤 9 : 文字 效果 如 图 3.202 所 示 。 完 整 动画 请 观看 从 网 上 下 载 的 素材 一 一 本 书 第 3 
章 的 “幻影 文字 效果 -swf”Flash 文件 。 


SN 
























































图 3202 


四 、 举 一 反 三 





i “第 3 意 Flash C85 文字 特 
效 晴 昱 图 片 与 文字 练习 swf” 文件 。 ，》 













3.3.11 se 文字 净 -， 
中 
一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 变色 文字 swf” 文件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 补 间 动 画 、 柔 化 填充 边缘 
和 色调 调整 来 制作 变色 文字 。 通 过 该 案例 的 学 习 , 使 学 生 人 掌握 变色 文字 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 


1 





Fem: 


秦 例 制作 的 大 致 步骤 : 
Flash Cs5 动 画 设计 “| C 一 > Flesh 085 动 面 设 计 
根据 案例 要 求 ， 给 入 文字 并 对 矢 旦 文字 进行 又 化 填充 边 
将 文字 分 高 为 失重 图形 , 如 上 国 。 铬 操作 ， 效 有 宁 如 上 国 。 





使 月 词 色 命令 将 图 形 元 件 剑 
作成 变色 文字 动画 。 





三 、 详 细 操作 步骤 
步骤 1: 运行 Flash CS5, 新 建 一 个 名 字 .fla” 的 文件 。 
步骤 2 : 单 击 【 文 字 ] 工具 ， AS 职业 技能 ”四 个 字 , 其 大 小 与 位 置 如 图 3.203 






所 示 。 
步骤 3: 选中 刚才 输入 的 


字 上 右 击 , 弹 呆 , 单 击 EE 命 令 复 制 文字 。 
步骤 4: 新 建 一 个 图 层 ? 沾 刘 


in 令 ， 


将 复制 的 文字 站 由 到 

步骤 5: 将 新 于 图 民 陪 所 示 。 

步骤 6: 法 中 et 弹出 快捷 荣 单 ， 单 击 EB2 命 令 ， 将 广 
字 分 离 成 单个 冯 字 再 用 同样 的 方法 ， 将 单个 的 文字 分 高 成 天 量 图 履 ， 加 图 3205 所 示 。 


Flash CS5 动 画 设计 Flash 0S5 动 画 设计 
图 3203 图 3204 图 3205 
步骤 7: 单 击 [ED -BEE -ESEEEGE 合 令 ， 弹 出 【 柔 化 填充 边缘 】 对 话 框 ， 设 置 
如 图 3.206 所 示 。 单 击 L we 按钮 ,效果 如 图 3.207 所 示 。 
步骤 8: 单 击 移动 工具 , 配合 Shi 键 ， 选 中 文字 中 需要 删除 的 部 分 ， 并 按 Delete 键 将 
其 删除 ， 效 果 如 图 3 208 所 示 。 
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步骤 9: 选中 如 图 3.208 所 示 的 文字 , 在 文字 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 EREES 
命令 ,弹出 【转换 为 元 件 】 对 话 框 , 其 设置 如 图 3.209 所 示 。 单 击 己 玛 。 按钮 ， 将 其 转换 
为 图 形 元 件 。 

步骤 10: 在 “图 层 1 的 第 5 帧 处 插入 一 个 关键 帧 , 并 设置 【属性 ] 面板 为 如 图 3.210 
所 示 。 





加 | 2 = 
图 3209 图 3210 


步骤 11 : 方法 同步 骤 9， 4 NA 20、25 帧 处 插入 关键 帧 ， 分 别 设置 色调 
0 锁定 取 








频 色 为 黄色 、 粉 红色 、 深 红 
步骤 12: 将 “图 层 2 消 帧 处 插入 普通 帧 。 
步骤 13: 为 “图 传统 补 间 动 加 出 如 图 3.211 所 示 。 
步骤 14: 效果 如 图 212 所 示 。 守 的 8 十 汪 看 从 网 上 下 载 前 于 第 3 站 的 
“变色 文字 .swfXFl3 从 文件 。 ~ 
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图 3.211 图 3.212 


四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 请 观看 “第 3 章 Flash CS5 文字 特 
效 变 色 文字 练习 .swf” 文 件 。 


gzabN 职 生 入 链 








4 

5. 

6. 展开 的 画卷 

7. 旋转 的 

ee 
9 


.水 波 > 化 
礼花 

10. 海浪 线 

11. 裔 落 的 雨丝 

YN 说 明 


本 章 通 过 10 个 案例 介绍 Flash CS5 制作 特效 的 方法 ， 通 过 这 些 案 例 的 学 习 ， 同 学 们 可 
以 灵活 使 用 Flash 制作 出 很 多 意 想 不 到 的 动画 特效 。 


涪 教学 建议 课时 数 : 
一 般 情况 下 需 16 课 时 ,其 中 理论 4 课时 、 实 际 操作 12 课时 (根据 特殊 情况 可 做 相应 调整 )。 
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4.1 Flash CS5 动画 制作 基础 


4.1.1 动画 场景 


动画 场景 就 如 我 们 生活 中 唱戏 的 舞台 ,场景 中 的 各 个 对 象 就 好 比 是 唱戏 的 演员 ， 要 想 
做 动画 就 必须 先 了 解 场景 的 作用 和 基本 设置 。 因 为 建立 和 设置 动画 场景 是 动画 制作 的 前 提 ， 
它 直接 影响 到 动画 的 美术 效果 和 播放 速度 。 

1. 场景 局 性 的 设置 


制作 一 个 动画 首先 要 确定 它 的 固定 尺寸 、 人 。 单 击 浮动 面板 中 的 
Rs 贾 ， 转 到 【属性 】 浮 动 面板 ， 如 图 4.1 所 示 。 
在 该 场景 【属性 】 WE es 
(D NN: 在 该 框 中 可 以 设置 动画 的 播 pa 系 
统 黑 认为 12fps。 一 般 情 况 下 制作 的 动 男 、 于 网 络 动画 中 使 用 的 动画 ， 8 一 12fps 的 
帧 率 就 足够 了 。 “fps” 表 示 帧 秒 ， We 表示 一 秒 钟 播放 12 帧 。 
如 


(2) msm: a 图 4.2 所 元 的 【文档 设置 】 对 话 框 。 
项 中 有 两 个 } 别 是 【宽度 〗 和 【高 度 】。 在 
的 高 度 和 宽度 ， 黑 村 550X 400 像素 。 设 置 的 场景 越 大 ， 


OD rr ml a 
文件 就 越 大 。 - Me 
Oe A 3 个 子 选 项 ， 钉 作 动画 的 目的 。 选 中 On 可 单 半 按钮， 







这 两 个 输入 框 中 可 以 设 
可 以 使 制作 林 印 机 相 匹 配 ; 选中 局 内 客 回 单 选 按钮 ， 可 以 使 制作 的 动画 与 动 男 内 容 
相 匹 配 ， 并 使 动画 内 容 的 工作 区 四 周 具 有 相同 的 距 高 。 如 果 要 使 动画 尺寸 尽量 小 ， 可 以 将 
场景 中 的 内 容 尽 量 往 左 上 角 移动 ,然后 选中 【内 容 】 单 选 按钮 。 

辐 症 碟 门 : 单 击 口 , 弹出 【颜色 选择 】 面板 , 在 【 额 色 选择 】 面板 中 选择 所 需 的 背景 
颜色 。 

图 FREEEE = ， 这 是 一 个 下 拉 列 表 框 (图 4.3)， 用 来 设置 动画 场景 的 标尺 单位 。 








图 4.1 图 4.2 图 43 


回 设置 完毕 后 , 单 击 己 旦 一 按钮 , 即 可 将 设置 应 用 于 动画 。 如 果 想 将 用 户 对 动画 场景 
属性 的 设置 保存 为 系统 的 设置 ， 直 接 单 击 区 县 &ass .按钮 即 可 。 





Fase 

2. 动画 场景 管理 

在 Flash CS5 中 ， 动 画 场景 是 通过 【场景 】 面 板 来 管理 的 ， 利 用 它 可 以 对 场 最 进行 各 
种 操作 ， 如 添加 、 删 除 、 重 命名 等 。 直 接 按 Shif*F2 键 ， 将 弹出 如 图 4.4 所 示 的 场景 管理 
界面 。 

在 【场景 】 面 板 中 有 三 个 按钮 ， 可 以 分 别 进行 添加 、 删 除 、 复 制 场景 的 操作 ， 下 面 分 
别 进行 介绍 。 

(了 ) 可 (添加 场景 ): 一 个 场景 不 能 容纳 太 多 的 对 象 , 如 果 制 作 的 动画 比较 复杂 ， 那 么 可 
以 给 动画 添加 几 个 场景 以 满足 需要 。 单 击 名 按钮 即 可 添加 场景 。 

(2) 到 (删除 场景 ): 如 果 某 一 场景 已 经 不 需要 了 ， 用 饼 标 指针 单 击 选中 不 需要 的 场景 ， 
再 单 击 吕 按钮 ,此 时 将 弹出 如 图 4.5 所 示 的 对 话 框 。 如果 场景 ,直接 单 击 忆 地 
按钮 即 可 ， 如 果 不 想 删除 ， 刚 单 击 忆 ae= 按 钮 ， 取 消 贡 辽 

(3) 吗 ( 复 制 场景 ): 如 果 某 一 场景 需要 多 次 使 用 f 可 以 制作 它 的 副本 。 具 体 方法 是 在 【 场 
景 】 面 板 中 选择 要 制作 副本 的 场景 ， 单 击 WAN 下 方 的 国 ( 复 制 场景 按钮 ， 可 以 将 
所 选 场景 复制 出 一 个 副本 ， 如 图 4.6 所 示 。 区 


图 44 2 人 _ 图 46 

这 一 副 有 对 象 和 效果 与 所 时 完全 相同 ， 但 是 要 得 到 同样 的 效果 ， 只 有 对 
副本 场景 进行 重 涂 名 才 可 以 让 副本 场景 完全 独立 出 来 。 

重 命名 场景 的 操作 非常 简单 ， 用 鼠标 双击 需要 重 命名 的 场景 ， 此 时 场景 名 称 即 变 成 可 
修改 状态 ， 这 时 只 需 输 入 所 取 的 名 字 ， 然 后 按 Enter 键 即 可 。 

例如 ， 要 将 “场景 2 副本 ” 重 命名 为 “动画 片头 ”， 其 操作 方法 如 下 。 

中 双击 “场景 2 副本 ”,， 此 时 将 显示 为 如 图 4.7 所 示 的 效果 。 

@ 输入 “动画 片头 ”4 个 字 , 如 图 4.8 所 示 。 

加 再 按 Enter 键 , 完成 重 命名 场景 操作 。 








一 个 Flash CS5 文件 可 以 由 多 个 场景 组 成 , 每 个 场景 都 可 以 是 一 个 完整 的 动画 , 在 播放 
时 场景 和 场景 之 间 可 以 直接 进行 切换 。 
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切换 动画 场景 的 方法 如 下 。 

(了) 单 击 时 间 轴 右上 角 的 所 (编辑 场景 ) 按 钮 ， 弹 出 如 图 4.9 所 示 的 下 拉 列 表 。 在 下 拉 列 
表 中 包含 了 所 有 的 场景 。 

(2) 将 鼠标 移 到 需要 切换 的 场景 上 并 单 击 , 完成 动画 场景 的 切换 。 

如 果 没有 交互 切换 场景 , 则 在 Flash CS5 中 会 自动 按 顺序 播放 。 如 果 需 要 调节 动画 场景 
的 播放 顺序 ， 就 需要 对 【场景 】 面 板 中 的 场景 排列 顺序 进行 调整 。 调 整 场景 的 具体 方法 
如 下 。 

将 鼠标 指针 放 到 需 调整 的 场景 上 ， 按 住 饼 标 左 键 不 放 并 移动 ， 当 蓝 色 条 移 到 所 需 位 置 
时 松 开 鼠 标 左 键 归 可 。 如 图 4.10 所 示 ， 将 “动画 片头 ”场景 移 到 “场景 2” 前 面 。 最 终结 
果 如 图 4.11 所 示 。 
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图 49 


4.1.2 帧 的 操作 
1. 帧 的 类 型 


ne en -< Flash CS5 中 播放 的 内 容 ,Flash 
CS5 ee LE 成 的 ,这些 静止 的 图 像 就 是 “ 帧 >。Flash CS5 
舞台 上 某 一 8 图 像 是 由 当时 时 间 灿 上 播放 指针 所 在 的 同一 列 的 所 有 层 的 可 见 帧 共 
同 组 成 的 。 帧 的 类 型 有 如 下 几 种 。 

(D 关键 帧 (Key Frame): 关键 帆 是 决定 一 段 动画 的 必要 帧 ， 其 中 可 以 放置 图 形 对 象 ， 
并 可 以 对 所 含 内 容 进行 编辑 。 在 时 间 负 中 ,包含 内 容 的 关键 帧 显示 为 带 黑色 实心 加 点 的 方 
格 。 关 键 帧 一 般 插入 在 一 段 动画 的 开始 和 结束 位 置 。 

(2) 空白 关键 帧 (Blank Key Frame): 空白 关键 帧 就 是 什么 内 容 都 没有 的 关键 由 ,在 时 间 
轴 中 显示 为 黑 线 围 着 的 方 格 。 默 认 状态 下 每 一 层 的 第 一 帧 都 是 空白 关键 帧 ， 在 其 中 插入 内 
容 后 就 变 成 了 关键 帧 。 

(3) 过 渡 帧 (Tween Frame): 过 渡 帧 出 现在 动画 的 两 个 关键 帧 之 间 ， 其 中 显示 某 一 Flash 
过 渡 动画 的 若干 层 效果 。 在 时 间 铀 上 的 过 渡 帧 显示 为 带 有 箭头 直线 的 浅 蓝 色 方 格 。 

2. 帧 的 状态 和 表示 方法 


我 们 现在 来 认识 一 下 在 时 间 轴 中 各 种 帧 的 表示 方法 ,时 间 轴 中 有 很 多 单元 格 , 每 一 行 
代表 一 个 图 层 , 每 一 列 代 表 一 帧 。 打开 一 个 Flash CS5 文件 , 在 时 间 轴 上 一 般 会 看 到 以 下 几 
种 情况 。 

(DD) 单元 格 的 周围 如 果 是 粗 的 黑 线 框 , 就 表示 在 此 处 建立 了 一 个 空白 关键 帧 , 如 图 4- 了 2 
所 示 。 








Fans sre 


(2) 在 两 个 关键 帧 之 间 如 果 有 黑色 的 箭头 符号 ， 并 且 其 背景 为 粉红 色 ， 就 表示 两 个 关 
键 帧 中 有 过 渡 渐 变动 男 ， 如 图 4.13 所 示 。 

(3) 两 个 关键 帧 之 间 呈 现 法 禾 色 , 则 未 示 渐 变动 男 中 有 错 , 无 法 正确 完成 寺 渡 ,如 图 4.14 
所 示 。 








Eee 
图 4.12 图 4.13 图 4.14 
{49 在 两 个 关键 帧 之 间或 一 个 关键 帧 后 面 有 一 些 灰 关键 帧 中 有 一 个 实心 的 
圆圈 ， We ss .15 所 示 。 
‘a 示 这 一 帧 已 经 添加 了 动作 ， 当 动 






{《9) 帧 上 出 现 一 个 小 红旗 标志 ， 表 
记名 称 ， 如 图 4.17 所 示 。 


帧 的 创建 包括 : 关键 帧 的 创建 、 空 白 关 键 帧 的 创建 和 过 渡 帧 的 创建 。 下 面 分 别 介绍 这 
3 种 帧 的 创建 方法 。 

(DD 创建 关键 帧 ; 关键 帧 在 动画 制作 中 非常 重要 。 如 果 是 过 渡 动 男 ， 则 要 在 动画 的 关 
键 位 置 创建 关键 帧 。 在 时 间 轴 上 的 两 个 关键 帧 之 间 有 一 个 箭头 表示 动画 的 过 渡 过 程 。 系 统 
默认 第 一 帧 为 关键 帧 。 如 果 要 在 其 他 帧 处 创建 关键 帧 ， 其 方法 有 以 下 两 种 。 

中 将 鼠标 指针 移 到 需要 创建 关键 帧 的 帧 上 , 右 击 , 弹出 快捷 菜单 , 单 击 EEEES 恒 命令 ， 
此 时 就 创建 了 一 个 关键 帧 。 

加 单 击 需要 创建 关键 帧 的 帧 ， 按 F6 键 ， 即 可 创建 一 个 关键 帧 。 

(2) 创建 空白 关键 帧 : 空白 关键 帧 的 创建 方法 有 两 种 。 叫 将 鼠标 指针 移 到 需要 创建 补 
白 关键 帧 的 帧 上 , 右 击 , 弹出 快捷 菜单 ， 单 击 晤 se 命令 。@ 单 击 需要 创建 空白 关键 帧 
的 帧 并 按 F7 键 ， 即 可 创建 一 个 空白 关键 帧 。 

G) 创建 过 湾 帧 : 创建 过 渡 帧 有 两 种 情况 。 

中 当 两 个 关键 帧 的 图 像 是 失 量 图 形 时 ,在 两 个 关键 帧 之 间 的 任 一 帧 处 单 击 ,设置 帧 [ 属 
性 】 面板 , 如 图 4.18 所 示 。 
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加 当 两 个 关键 帧 的 图 形 是 元 件 时 , 在 两 个 关键 帧 之 间 的 任 一 帧 处 单 击 , 设置 帧 【属性 】 
面板 ， 如 图 4.19 所 示 。 





图 4.18 men 
提示 : 过 渡 帧 是 连接 两 个 关键 帧 的 桥梁， ror. 所 以 不 能 进行 编辑 。 


4. 由 的 编辑 
帧 的 编辑 主要 包括 复制 帧 、 Rb 、 拙 除 帧 和 翻转 帧 ， 下 面 详细 介绍 这 4 种 
操作 方法 。 

(1) 复制 与 粘贴 帧 : 在 Flash as Nt ， 而 且 还 可 以 把 编辑 制作 完 的 帧 
直接 复制 到 需要 的 位 置 ， 区 法 为， 在 需要 复制 秀 巾 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 
证 令 ， 就 可 将 次 剪贴 板 中 。 然 后 夺 需 要 向 贴 的 位 置 上 右 击 ， 弹 出 快捷 菜单 ， 
单 击 [EE 命 的 帧 粘贴 到 指定 的 位 置 













些 由 已 经 没有 9 它 删除 , 由 于 Flash CS5 中 由 的 类 型 不 同 ， 
同 。 如 果 要 将 关键 帧 苇 换 为 空白 关键 帧 ， 则 在 该 关键 帧 上 右 击 ， 弹 出 
命令 。 如 果 是 将 关键 帧 从 时 间 铀 上 删除 , 则 在 要 删除 的 关键 帧 上 右 击 ， 
弹出 快捷 菜单 ， 然 后 单 击 IE3 合 令 。 

(3) 移动 帧 : 在 制作 动画 的 过 程 中 ， 如 果 需 要 对 某 一 帧 或 多 个 帧 的 位 置 进行 调整 ， 可 
先 将 这 些 帧 选中 ， 然 后 按 住 鼠 标 左 键 拖 动 这 些 帧 到 需要 的 位 置 ， 再 松 开 鼠 标 按键 ， 这 样 即 
可 完成 移动 操作 。 

(9) 雳 转 帧 : 是 指 将 整个 动画 从 后 往 前 播放 (第 1 帧 变 成 最 后 一 帧 ， 最 后 一 帧 变 成 第 1 
帧 )。 选 定 所 有 的 帧 , 然后 将 所 有 的 过 渡 帧 变 成 关键 帧 , 在 选中 的 帧 上 右 击 , 弹出 快捷 菜单 ， 
单 击 IE 生命 令 ， 这 样 即 可 计 成 帧 的 翻转 。 


提示 : 如 采 要 翻转 桢 ， 则 第 1 愤 和 最 后 一 帧 必须 是 关键 巾 。 
5. 创建 帧 的 标签 


在 动画 的 关键 帧 上 插入 标签 , 对 于 辨认 关键 帧 非常 重要 , 这 就 好 像 一 个 人 的 名 字 一 样 ， 
一 般 动 画 有 很 多 帧 ， 如 果 没有 标签 ， 以 后 在 编辑 内 容 时 不 容易 对 帧 进行 定位 。 

如 果 要 给 某 一 帧 创建 标签 ， 单 击 浮动 面板 中 属 生 项 ， 转 到 【 属性】 浮动 面板 如 图 4.20 
所 示 的 帧 【属性 本 面板 。 

在 帧 属性】 面板 中 的 “标签 ”处 输入 一 个 适当 的 名 称 ， 设 置 充 毕 后 所 设置 的 标签 名 


D 





Fm: 


称 标 记 在 该 帧 上 ， 并 且 有 小 红旗 标志 ， 表 示 此 帧 已 被 标记 ， 如 图 4.21 与 图 4.22 所 示 。 





图 4.20 图 421 图 422 
提示 : 巾 的 标签 作为 文件 的 一 部 分 ， Ts 因此 应 杀 用 比较 短 的 


标签 来 缩减 文件 的 大 小 。 
6. 扩展 帧 的 内 容 


在 创建 动画 时 经 常会 碰 到 这 样 的 情况 ,一 
要 将 一 背景 图 像 添加 到 本 层 的 所 有 帧 中 ， 这 时 







需要 贯穿 整个 动画 的 全 过 程 。 这 就 需 
帧 的 内 容 。 


令 , 即 完成 帧 的 扩展 。 x> 


4.1.3 图 层 的 操作 水 党 让 
在 Flash CS5 aa 上 面 画 了 一 些 图 形 和 写 了 一 些 文 


字 , 将 这 些 薄 纸 2, 就 天 有 了 晤 区 的 。 图 层 是 时 间 轴 视窗 的 一 部 分 ， 如 图 4.23 
所 示 。 J 1 

在 Flash C83 中 引用 图 层 的 概念 , 其 目的 是 为 了 更 有 效 地 组 织 动 画 , 以 便 轻 松 地 制作 复 
杂 的 动画 。 

1 创建 新 图 层 

打开 Flash CS5 时 ,系统 会 有 一 个 默认 的 层 , 即 “ 图 层 1”。 为 了 更 好 地 组 织 动 画 的 图 
像 元 素 , 可 以 创建 新 的 图 层 , 具体 操作 方法 是 : 单 击 图 层 左下 角 的 加 令 建 图 层 ) 按 钮 , 即 可 
在 选中 的 图 层 上 面 插入 一 个 新 图 层 ， 如 图 4.24 所 示 。 






saols »u wi 
DE 





图 4.23 


2. 图 层 的 相关 操作 
在 制作 动画 的 过 程 中 ， 可 以 显示 或 隐藏 一 个 或 多 个 图 层 的 内 容 ， 掩 藏 的 图 层 也 会 被 正 
常 输出 ， 只 是 在 编辑 时 不 能 编辑 且 不 可 风 。 
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隐藏 或 显示 层 的 具体 操作 方法 如 下 。 

(了 ) 隐 着 图 层 : 在 眼睛 图 标 正 下 方 的 所 要 隐藏 的 图 层 的 圆 点 上 单 击 ， 此 时 会 在 隐藏 的 
层 上 出 现 一 个 有 5 生 标记 ， 如 图 4.25 所 示 。 

(2) 取消 隐藏 图 层 : 直接 单 击 医 标记， 即 可 取消 隐藏 ， 如 图 4.26 所 示 。 

(3) 锁定 图 层 : 选 定 需要 锁定 的 图 层 ， 单 击 昌 图 标 正 下 方 的 选 定 图 层 的 圆 点 ， 即 可 锁 
定 图 层 ， 如 图 4.27 所 示 。 





图 4.25 






3. 图 层 的 编辑 
2 OR api 所 有 图 的 


中 该 图 层 的 所 有 帧 。 在 所 选中 的 由 
车 块 ,完成 复制 。 
(2) 才 除 图 居 : ee ee 即 可 删除 选中 图 
层 , 如 图 4 

(3) 给 层 重 命名 : 在 需要 重 命名 的 图 层 名 称 上 双击 ,此 时， 图 层 名 称 如 图 4.29 所 示 。 
输入 修改 的 名 称 ， 按 Enter 键 ， 即 完成 修改 ,如 图 430 所 示 。 





图 428 图 429 图 430 


(4) 改变 图 层 的 壹 放 上 顺序: 一 个 动画 中 有 很 多 个 图 层 ， 图 层 在 窗口 中 的 顺序 决定 了 对 
象 在 舞台 上 的 释放 上 顺序。 如 果 某 一 图 层 处 在 另 一 图 层 的 上 方 , 则 在 工作 区 中 该 图 层 的 对 
和 象 也 在 另 一 图 层 的 上 方 。 如 果 要 改变 图 层 的 顺序 ， 只 要 使 用 鼠标 在 时 间 宙 视窗 中 拖 动 图 层 
的 名 称 到 指定 位 置 即 可 。 

4. 设置 图 尽 的 属性 


在 图 层面 板 上 的 某 一 图 层 中 右 击 ,， 弹 出 快捷 菜单 ， 单 击 【 属 性 ] 命令 , 弹出 如 图 4.31 





Fm: 
所 示 的 【图 层 属性 】 对 话 框 。 

在 【图 层 属性 】 对 话 框 中 可 以 设置 如 下 参数 。 

(1) 到 本 一 一 : 在 该 输入 框 中 可 以 对 选择 的 图 层 进行 重 命名 。 

(2) 日 sw : 该 复 选 框 可 以 选择 是 否 显 示 所 选择 的 图 层 。 

(3) Des : 利用 该 复 选 框 可 以 选择 是 否 锁定 所 选择 的 图 层 。 

(9) ES: 在 本 选项 中 可 以 选择 该 层 的 类 型 , 下 面 介绍 其 中 4 个 选项 , 分 别 性 【一 般 】、 
【引导 层 】、【 遮 章 层 】、【 被 庶 曙 】。 具体 介绍 如 下 。 

中 【一 般 】: 这 是 系统 默认 的 层 的 类 型 。 

加 【引导 层 〗】: 选择 该 选项 ， 可 以 将 这 个 层 作 为 引导 层 ， 以 便 用 来 创建 网 格 、 背 景 或 
其 他 对 象 ， 以 辅助 对 齐 其 他 对 象 。 


加 【 遮 曙 层 】: 选择 该 选项 ,可 以 将 这 个 层 作为 9 
外 【被 庶 晶 】: 这 是 一 个 与 某 一 个 庶 量 层 关联 ， 引 导 层 的 对 象 可 以 作为 这 一 
层 中 对 象 运动 的 向 导 。 


(5) ows : ee 它 仅 在 选 


中 该 选项 下 面 的 复 选 框 时 才 有 效 。 
(0) De ， 汉 让 放 儿 Sa 以 轮廓 线 的 方式 被 查看 。 


{7) mesos |, ) he Se 
度 显示 比例 ， 即 与 其 他 层 的 





图 4.31 


5. 图 层 的 抬 作 举例 


下 面 通过 实例 来 形象 地 说 明 图 层 的 操作 。 

(DD 打开 Flash CS5 工 作 窗口 ， 可 以 发 现 此 时 就 有 一 个 层 ， 它 的 名 字 是 “图 层 1”, 在 
工作 区 绘制 一 个 小 女孩 ， 并 通过 重 命名 操作 将 “图 层 1” 改 名 为 “小 女孩 ”， 如 图 4.33 
所 示 。 

(2) 单 击 图 层 名 称 下 的 型 (新 建 图 层 ) 按 钮 , 即 添加 了 一 个 新 的 图 层 ， 名 称 为 “图 层 2”。 
在 这 个 图 层 上 绘制 一 个 月 亮 , 并 执行 重 命名 操作 , 将 “图 层 2” 改 名 为 “月 亮 ”。 此 时 的 
“月 亮 ”在 “小 女孩 ”上 面 , 如 图 4.34 所 示 。 
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知识 点 : Ee 
1. 苘 章 按 钮 

2. 动画 按钮 RS 

3.“ 别 三 我 ”文字 制作 

4 跟 隧 光标 的 拉 示 XS> 奖 ]: 
5. 调节 音量 湾 x 

6. 控制 图 片 变化 

7 左右 声 进 ~ NS 

8. 用 组 过 按 钮 衫 全 

9 选择 有 演 近 站 

10 使 用 按钮 坟 入 图 片 


NY 说 明 ， 
本 章 主要 介绍 Flash CS5 按 名 的 制作 ,通过 10 个 案例 全 面 讲解 按 名 的 制作 方法 与 技巧， 
学 生 对 本 部 内 容 一 定 要 学 所， 它 是 制作 交互 动画 的 基础 。 


教学 建议 课时 数 : 
一 般 情况 下 需 18 课 时 ,其 中 理论 6 课时 ,实际 操作 12 课时 (可 根据 特殊 情况 做 相应 调整 )。 


Fer: 


5.1 按钮 基础 知识 


5.1.1 按钮 的 介绍 
1. 按钮 简介 


按钮 是 人 机 进行 信息 交互 的 基础 ， 它 对 鼠标 单 击 事件 进行 响应 。 按 钮 可 对 按钮 静止 、 
将 鼠标 指针 移 到 按钮 上 、 按 下 鼠标 左 键 3 种 事件 作出 响应 。 这 3 种 事件 对 应 着 按钮 的 4 种 
状态 : 弹 起 (按钮 静止 )、 指 针 经 过 (将 鼠标 指针 移动 到 按钮 上 )、 按 下 ( 按 下 按钮 ) 点击 ( 定 义 
按钮 响应 区 域 )。 这 4 种 状态 定义 了 按钮 的 4 个 关键 帧 下面 谋 幼 介绍 按钮 的 这 4 个 关键 帧 。 

(D【 弹 起 】 帧 : 在 【 弹 起 】 帧 中 定义 按钮 的 正常 显 是 按钮 未 被 鼠标 单 击 
时 所 显示 的 效果 。 

《2)【 指 针 经 过 】 帧 : 定义 当 妃 标 指针 移 到 按钮 次 但 不 单 击 它 时 按钮 的 效果 。 一 般 该 幅 
相对 于 【 弹 起 】 帧 应 有 所 改变 。 比 如 : 可 以 定 愉 当 般 标 指针 移 到 按钮 上 时 按钮 变色 或 放大 、 
缩小 等 , 对 于 文字 按钮 ， 可 以 定义 当 饼 标 指 外 移 到 按钮 上 时 文字 变色 或 改变 文字 的 字体 等 。 

(3)【 按 下 】 帧 : 定义 按钮 按 下 昧 所 由 现 的 效果 。 对 于 图 形 按钮 来 说 ， 按 钮 被 按 下 时 一 

会 定义 得 比 未 被 按 下 时 要 小 一 些 > 这 样 , 当 按 下 按 按钮 会 自动 缩小 , 出 现 动态 效果 。 















起 、 指 针 经 过 和 按 孔 3 种 基态 
记 的 区 二 响应 ,< 人 ~ 疙 - 
提示 : 按钮 用 线 和 月 4 种 状态 ， 但 可 根据 需要 定义 这 4 种 帧 状态 ， 也 可 只 定义 一 部 分 ， 但 一 
些 基 本 的 帧 必须 定义 。 一 般 而 言 ，【 弹 起 】 帧 和 【指针 经 过 】 帧 必须 定义 。 
2. 按钮 的 创建 


D 创建 图 形 按钮 

(1) 单 击 E 一 E005 命令， 弹出 【创建 新 元 件 】 对 话 框 , 按 如 图 5.1 所 示 
进行 设置 。 

(2 单 击 亡 枉 -按钮 进入 按钮 编辑 区 ， 时 间 轴 中 将 出 现 按钮 的 4 个 状态 帧 ， 如 图 5.2 
所 示 。 








图 5.1 图 52 
(3) 定义 按 乌 的 4 个 帧 。 在 按 钮 中 可 以 使 用 影片 刘 辑 元 件 、 图 形 元 件 或 素材 库 中 的 组 
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件 对 象 。 在 这 里 我 们 利用 绘图 工具 绘制 按钮 的 4 个 帧 。 

中 定义 【 阐 起 】 帧 : 利用 前 面 所 学 知识 在 工作 区 域 中 绘制 如 图 5.3 所 示 的 图 形 。 

加 定义 【指针 经 过 】 帧 : 用 鼠标 在 【指针 经 过 】 帧 处 插入 一 个 关键 帧 ， 此 时 【 弹 起 】 
帧 的 图 形 被 复制 到 【指针 经 过 ] 了 帧 的 工作 区 。 确 保 图 形 被 选中 ， 在 【 混 色 器 】 面 板 中 进行 
色彩 调整 ， 得 到 如 图 5.4 所 示 的 图 形 。 

图 定义 【 按 下 】 帧 : 用 鼠标 在 【 按 下 】 帧 处 插入 一 个 关键 帧 ， 此 时 【指针 经 过 ] 帧 的 
图 形 被 复制 到 “ 按 下 ”的 工作 区 。 确 保 图 形 被 选中 ， 在 【 混 色 器 】 面 板 中 进行 色彩 调整 ， 
得 到 如 图 5.5 所 示 的 图 形 。 

图 定义 【点 击 】 帧 : 用 鼠标 在 【点 击 】 帧 处 插入 一 个 关键 帧 ， 并 进行 大 小 的 调整 ,得 
到 如 图 5.6 所 示 的 图 形 。 该 帧 主要 是 定义 按钮 的 有 效 单 击 范围 入 在 有 效 范围 里 按 下 按钮 时 ， 
系统 才 认为 该 事件 已 经 发 生 。 如 果 不 定义 该 帧 , 则 系统 器 i ]】 帧 为 响应 区 域 。 


Sy 
\) Ko 气 
图 5.3 > 5 图 5.6 


人 单 击 图 层 左 上 角 的 有 1， 返回 场 作 充 毕 。 
2) 创建 


文字 按钮 
(D be ein 对 话 框 , 具体 设置 如 图 5.7 
所 示 。 f 


(2) 单 击 a 时 间 轴 中 将 出 现 按钮 的 4 个 状态 帧 , 如 图 5.8 


所 示 。 


图 57 图 5.8 

(3) 定义 按钮 的 4 个 帧 。 在 按钮 中 可 以 使 用 影片 齐 辑 元 件 、 图 形 元 件 或 素材 库 中 的 组 
件 对 象 。 在 这 里 我 们 利用 绘图 工具 绘制 按钮 的 4 个 帧 。 

中 定义 【 弹 起 】 帧 ; 利用 文字 工具 和 前 面 所 学 知识 在 工作 区 域 中 输入 如 图 5.9 所 示 的 
文字 。 

加 定义 【指针 经 过 】 帧 : 用 鼠标 在 【指针 经 过 ]】 帧 处 插入 一 个 关键 帧 ， 此 时 【 弹 起 】 了 
帧 的 文字 被 复制 到 【指针 经 过 】 帧 的 工作 区 。 确 保 文字 被 选中 ， 在 文字 【属性 】 面 板 中 进 
行 色彩 调整 ， 得 到 如 图 5.10 所 示 的 文字 。 

加 定义 【 按 下 】 帧 ; 用 鼠标 在 【 按 下 ] 帧 处 插入 一 个 关键 帧 ， 此 时 【指针 经 过 ]】 帧 的 




















[大 CS Ht 
文字 被 复制 到 【 按 下 】 帧 的 工作 区 。 确 保 文字 被 选中 ， 在 文字 【 属性】 面板 中 进行 色彩 调 
整 ， 得 到 如 图 5.11 所 示 的 文字 。 
图 定义 【点 击 】 帧 ; 用 鼠标 在 【点 击 】 帧 处 插入 一 个 关键 帧 ， 并 进行 大 小 的 调整 ,得 

到 如 图 5.12 所 示 的 文字 。 该 帧 主要 是 定义 按钮 的 有 效 单 击 范围 , 在 有 效 范围 里 按 下 按钮 时 ， 
系统 才 认 为 该 事件 已 经 发 生 。 dA 则 系统 默认 【 弹 起 】 帧 为 响应 区 域 。 
我 的 主页 | 我 的 主 页 
图 59 图 510 图 5.11 图 512 


回 单 击 图 层 左上 角 的 杖 下 按钮 ， 返 回 场景 ， 按 钮 制作 完 纯 
(和 9 将 按钮 加 入 到 场景 中 的 方法 : 打开 【 库 】 面 板 ， 中 选中 要 插入 的 层 中 的 关 
键 帧 ， 将 “ 库 ” 中 的 按钮 拖 到 场景 的 舞台 中 即 可 。 
(5) 预览 按钮 的 两 种 方法 : 第 一 种 , 单 击 | 
二 种 ， 单 击 EEH 


5.1.2 基本 按钮 的 制作 RS 












1. 为 图 形 接 钮 添加 文字 NS 
通过 给 A 瞬间 艺术 ” 文 怠 和 HH 角 息 术 图 形 按钮 添加 文字 ， 
方法 如 下 。 





《(D 在 场 按钮 ”， 进 入 状态 ， 如 图 5.13 所 示 。 
(2) 单 击 图 层 友 a 添加 一 个 新 的 图 层 ， 如 图 5.14 所 示 。 
Ga ] 





wy 


Sd 


图 5.13 图 5.14 

(3) 单 击 “ 图 层 2” 的 【 弹 起 】 帧 ,此 时 选中 【 弹 起 】 帧 , 利用 局 ( 情 圆 工具 和 前 面 所 
学 的 知识 绘制 如 图 5.15 所 示 的 椭圆 。 

(9 在 “图 层 2” 的 【指针 经 过 】 帧 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 有 型 命 令 ， 
插入 一 个 关键 帧 。 此 时 ,该 帧 将 复制 【 弹 起 】 帧 的 椭圆 ,将 该 桶 圆 修改 成 如 图 5.16 所 示 
的 效果 。 

(9) 在 “图 层 2” 的 【 按 下 】 帧 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 Ese 命 令 , 插入 一 
个 关键 帧 , 此 时 , 它 将 复制 【指针 经 过 】 帧 的 椭圆 , 将 该 椭圆 修改 成 如 图 5.17 所 示 的 效果 。 
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图 5.15 图 5.16 图 5.17 
(g) 单 击 图 层 左 上 角 的 本 到 安 守 ， 返 回 场景 , Wh. 
2. 使 用 按 名 加 载 外 部 影片 站 
可 以 通过 按钮 将 所 做 的 其 他 影片 加 加 
用 频率 非常 高 。 在 这 里 ， 我 们 来 讲解 
《D) 选中 场景 中 的 按钮 ， 打 
移 到 “人 ”中间 。 
(2 选择 【动作 ] 面板 四 









图 518 

(3) 在 “loadMovie0” 的 “0” 中 输入 参数 ， 如 图 5.19 所 示 。 

“donghua : 是 要 加 载 的 影片 名 称 , 注意 要 加 载 的 影片 名 称 一 定 要 是 英文 或 数字 , 不 能 
用 中 文 命名 ,影片 名 字 要 用 双 引 号 。 

目 : 表示 加 载 的 动画 所 处 的 层 的 位 置 代码、 函数、 参数 将 在 后 面 做 详细 介绍 。 

(和 9 关闭 【动作 ] 面板, 制作 完毕 。 

3. 为 按钮 添加 电子 邮件 

在 工作 和 学 习 中 ， 电子 邮件 的 使 用 非常 频 葡 ， 在 按钮 中 加 入 电子 邮件 对 我 们 取 用 网 上 
信息 更 为 方便 。 其 方法 与 按钮 加 载 方法 相同 ， 只 是 要 在 URL 框 中 输入 E-mail 地 址 ， 在 添 
加 地 址 前 应 先 加 入 “mailtto”。 在 【动作 】 面 板 中 输入 的 语句 如 图 5.20 所 示 。 








om ioe to :i i 025520_ Tingdl63. con”, 1); 
图 5.19 图 5.20 


5.2 简单 控制 按钮 的 制作 


5.2.1 案例 一 : 简单 按钮 
一 、 案 例 效果 预览 


秦 例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制 
了 解 本 案例 的 最 终 效果 。 本 条 例 主 要 使 用 Flash CS5 的 


和 颜色 浮动 面板 来 制作 一 个 简单 按 包 效 果 。 通 
的 方法 和 技巧 。 


二 、 本 案例 画面 效果 及 制作 步骤 Sa 
案例 男 面 效果 如 下 : 


| 
雪人 
[cl Es [i sp) 


新 建 一 个 技 扭 元 件 。 使 用 答 插入 关键 师 ， 改 变 【 指 针 经 
形 工具 和 文字 人 制作 【 弹 起 】 凡 的 过 ]】 蚁 的 文字 额 色 。 








钮 .swf” 文 件 。 通 过 预览 
具 、 任意 变形 工具 文字 工具 
"学习 ， 使 学 生 掌 握 简 单 按钮 制作 


鼠标 按 下 时 的 效果 


效果 。 








将 制作 好 的 技 住 疮 到 舞台 中 
ee 改变 【 技 下 】 
是 的 文字 颜色 。 
三 、 详 细 操作 步 又 
1. 简单 按钮 的 制作 


步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “简单 按钮 fla” 文件。 
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步骤 2: 单 市 J * EST 命令， 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
如 图 5.21 所 示 。 单 击 _ 冯 按钮 ,， 【图 层 】 面板 如 图 5.22 所 示 。 





图 5.21 图 5.22 
说 明 : 
se ni CC 





村 于 又 理性 指 筷 标 指针 移 到 按钮 上 时 显示 的 状态 。 

二 BE 是 指 在 按钮 上 按 下 鼠标 左 键 时 显示 的 状态 。 

三 本 到 本 是 指 饼 标 指针 触发 按钮 的 范围。 LS 

步骤 3: 单 击 并 选中 图 层 的 于 于 

步骤 4: 单 击 工具 箱 中 的 回 E 形 人 触 颜色 设置 为 志 @ ， 算 形 【 阁 色 】 浮 动 
面板 的 设置 如 图 5.23 所 示 。【 属 性 】 设置 如 图 5.24 所 示 , 在 工作 区 绘制 一 个 矩形 ， 
如 图 5.25 所 示 。 





图 5.23 图 524 图 525 


步骤 5: 选择 绘制 的 拒 形 ， 使 用 几 ( 任 意 变 形 ) 工 具 ， 对 绘制 的 矩形 进行 旋转 和 缩放 操 
作 ， 删 除 左右 两 边 的 边框 ， 最 终 效果 如 图 5.26 所 示 。 

步骤 6: 使 用 下 文字) 工具 输入 文字 , 如 图 527 所 示 。 

步骤 7: 在 REEEEEEHN 上 右键 ,在 弹出 的 快捷 菜单 中 单 击 ES 命令 ,此 时 , 在 要 时 本 四 
帧 处 插入 一 个 关键 帧 。 

步骤 8: 单 击 * (选择 工具 , 选中 如 图 5.27 所 示 的 文字 , 改变 文字 的 赢 色 , 效果 如 图 5.28 
所 示 。 

步骤 9: 在 ER 关上 右 击 ,在 弹出 的 块 捷 菜 单 中 单 击 ESEEE3 合 令 , 此 时 ,在 ER 
帧 处 插入 一 个 关键 帧 。 

步骤 10: 单 击 (选择 ) 工 具 , 选中 如 图 5.28 所 示 的 文字 部 分 ， 改 变 文字 的 颜色 ,效果 
如 图 5.29 所 示 。 
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时 知识 点 : 4 


.Acti i 和 Acti ipt3. 
2 

3 选择 填空 

4. 测试 题目 < 

5. 综合 议题 测 斌 ES de 
6. 系统 登录 界面 

7. 360” 全 蓉 乱 NS 

R ee: ~ 衫 全 

涪 说 明 ; 


本 章 主 要 结合 前 面 五 章 的 内 容 , 通过 7 个 案例 介绍 Flash CS5 的 综合 使 用 , 在 学 习 本 名 
时 要 复习 前 面 所 学 知识 ， 以 加 快 学 习 进 度 。 


党 教学 建议 课时 数 : 
一 般 情况 下 需 14 课 时 ,其 中 理论 4 课时、 实际 操作 10 课时 (根据 竺 珠 情况 可 做 相 应 调整 ). 
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6.1 ActionScript2.0 编程 基础 


6.1.1 ActionScript 2.0 中 的 相关 术语 


在 前 面 介绍 了 ActionScript 2.0 中 的 一 些 常用 基本 功能 ， 但 还 没有 深入 介绍 如 何 使 用 
ActionScript 2.0 编写 脚本 。 下 面 将 具体 介绍 使 用 ActionScript2.0 进行 程序 编写 的 基础 知识 。 
使 用 ActionScript 2.0 创建 程序 脚本 时 ， 设 计 者 可 以 根据 需要 来 选择 其 中 的 细节 难度 。 
如 果 只 是 编写 一 些 简单 的 动作 效果 , 可 以 像 前 面 一 样 在 【标准 模式 】 中 使 用 【动作 】 面板 ， 
并 且 通 过 动作 工具 箱 选择 所 需 的 选项 来 编写 程序 。 但 如 果 要 求 比较 高 的 情况 ， 要 使 用 
ActionScript 2.0 编写 更 加 复杂 的 程序 脚本 ， 就 要 对 其 有 一 定 的 了 了解 ， 知 道 编 程 语言 是 如 何 
进行 工作 的 。ActionScript2. 0 和 其 他 的 编程 语言 一 样 营 箱 自己 的 语法 规则 ， 有 自己 的 术 
语 、 关 键 字 和 操作 符 ， 并 且 在 程序 中 有 变量 存储 和 轿 序 控制 的 功能 。 
下 面 针对 一 些 常用 的 ActionScript 2.0 术语 潜行 人 i 
时 本 座 计 的 灵 瑰 和 编程 的 核心 ， 用 于 控制 动画 揪 
AtionScript 程序 最 终 都 要 在 动画 中 通过 一 定 的 动 
生 联系 的 。_ 
gbtoAndplay 等 者 















放 过 程 中 相应 的 程序 和 播放 状态 。 所 
作 体 现 出 来 ,程序 是 通过 动作 与 动量 
例如 前 面 用 到 过 的 top] pa 










， 分 别 | 用 于 控制 动画 过 程 中 的 
ray 名 动作 是 不 会 猎 衬 执行 的 ， 而 需要 提供 一 定 的 条 件 。 换 


句 话说 ， 就 是 要 证 ， 才 能 执行 这 个 动作 ， 起 触发 作用 的 事情 
在 Action 和 事件。 移动 、 单 击 、 松 开 与 按 下 ,键盘 上 某 键 的 敲 
击 及 影片 的 下 载 等 都 可 以 作为 事件 。 

看 下 面 的 代码 ; 


On (reLlease) { 
GotoAndPLAY (15); 
] 


其 中 的 release 就 是 代表 “ 单 击 按钮 并 且 放 开 ” 这 个 事件 ， 该 事件 触发 了 “移动 到 第 15 
帧 并 播放 ”这 个 动作 。 

(3) 常量 (Constanb : 与 变量 相对 应 ,在 程序 编写 过 程 中 不 能 被 改变 ,常用 于 数值 的 比 
较 。 

全 数据 类 型 (Data Typej: 在 ActionScript2.0 中 可 以 被 应 用 并 进行 各 种 操作 的 数据 有 多 
种 类 型 , 包括 字符 串 、 数字 、 布尔 运算 值 以 及 Flash CS5 中 的 各 种 对 象 及 影片 等 , 这 些 都 可 
以 作为 ActionScript 2.0 的 数据 类 型 。 

(5) 类 (Class) : 一 系列 相互 之 间 有 关联 的 数据 的 集合 称 为 一 个 类 , 可 以 使 用 类 创建 新 的 
对 象 。 如 果 要 定义 一 个 新 的 类 ， 风 需要 事先 创建 一 个 构造 器 函数 。 

(9 构造 器 (Constructor): 用 于 定义 一 个 类 的 相关 特性 和 方法 的 函数 。 

(7) 表达 式 (Expressions) : 任何 能 产生 一 个 值 的 语句 都 可 以 称 为 一 个 表达 式 。 





Fem: 


(8) 函数 (Function): 指 可 以 多 次 使 用 的 代码 段 ， 与 程序 语言 中 普遍 意义 上 的 函数 含义 
完全 相同 ， 用 于 传递 某 些 参数 并 且 返 回 一 定 的 值 。 

(9) 标志 符 Gdentifiers): 用 于 识别 某 个 变量 、 特 性 、 对 象 、 函 数 或 方法 的 名 称 ， 这 种 名 
称 遵循 一 定 的 命名 规则 。 

《10) 实例 (Instance): 从 一 个 类 可 以 产生 很 多 个 属于 这 个 类 的 实例 , 一 个 类 的 每 一 个 实 
例 都 包含 这 个 类 的 所 有 特性 和 方法 。 例 如 : 所 有 影片 片段 都 是 影片 剪辑 这 个 类 的 实例 , 它 
们 都 有 如 _alpha 和 _root 这 样 的 特性 与 gotoAndstop 和 getURL 这 样 的 方法 。 

(11) 变量 (Variable) : 一 种 可 以 保留 任何 数据 类 型 的 标识 符 。 变 量 可 以 被 创建 、 改 变 和 
更 新 ， 它 的 存储 值 可 以 在 脚本 中 检索 。 

例如 , 下 面 的 程序 语句 是 给 变量 赋值 , 等 号 左边 的 标识 答 就 是 变量 。 


B=150; NS 
Hight=30; 
Shuname="Malie™" Wy 


(12) 交 例 名 : 每 个 交 例 都 是 唯一 的 有 这 个 唯一 的 实例 名 可 以 在 脚本 中 瞄准 所 


需要 的 影片 到 辑 。 RK 
例如 ， 下 面 的 程序 使 用 实例 复制 了 3 次 。 


Dof ~ 


了 
Dupl .icateM ("Burron"， we i) 
i=i+1; 
jwhile (i<= NS 


bs 1 

(13) 方 ; : 是 指摘 指派 给 和 < 个 对 得 的 ER。 在 一 个 函数 被 指派 给 一 个 对 象 
时 ， 它 可 以 作为 这 个 对 象 的 一 个 方法 被 调用 。 

(14) 关键 字 (Keyword) : 和 其 他 的 程序 语言 一 样 ，ActionScript2.0 也 有 自己 的 保留 关键 
字 ， 这 些 关键 字 都 有 特别 的 意义 ， 不 能 作为 标识 符 使 用 。 

(15) 对 象 (Object) : 是 特性 的 集合 。 每 个 对 象 都 有 自己 的 名 称 和 值 , 通过 对 象 可 以 访问 
某 一 类 型 的 信息 。 

(16) 操作 符 (Operator): 根据 一 个 或 多 个 值 计算 出 一 个 新 值 。 例 如 , 加 号 (+) 操 作 可 以 进 
行 两 个 值 的 加 法 运算 。 

《17) 目标 路 径 (Target Path): 以 逐 级 锁定 的 形式 指向 动画 中 的 一 个 影片 片段 交 例 名 、 
变量 或 对 象 。 可 以 使 用 一 条 目标 路 径 指 向 一 个 影片 片段 中 的 动作 ,获得 或 设置 一 个 变量 
的 值 。 

例如 ,下面 的 程序 语句 指向 影片 片段 niceClip 中 变量 apple 的 目标 路 径 。 


_root.niceClip.apple 


(18) 特性 (Property) : 是 对 象 具有 的 独特 属性 。 例 如 : 影片 片段 的 _alpha 特性 用 来 决定 
影片 片段 的 透明 度 。 
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6.1.2 变 吧 


在 ActionScript 2.0 中 ， 变 量 是 一 个 重要 的 概念 。 当 定义 一 个 变量 时 ， 就 应 该 分 配给 变 
量 一 个 明确 的 值 。 变 量 的 初始 化 经 常 在 动作 的 第 1 帧 中 进行 。 初 始 化 变量 可 使 动画 播放 时 
对 变量 值 进行 跟踪 和 比较 。 

ActionScript 2.0 中 的 变量 可 以 保存 所 有 类 型 的 数据 ， 包 括 字符 中 型 (String)、 数 信和 型 
Qumber)、 布 尔 型 (Boolean)、 对 象 (Object) 以 及 影片 片段 (MovieClip)。 当 菜 个 变量 在 一 个 用 
本 中 袖 赋 信 时 ， 变 量 的 数据 类 型 将 影响 变量 信 的 改变 。 

1. 变量 的 命名 

变量 命令 的 要 求 如 下 。 

(1) 应 是 一 个 标识 符号 ， HR 

(2) 不 能 是 ActionScript 2.0 的 关键 字 或 者 是 人 小 值 的 tme 或 false。 

(3) 在 作用 范围 内 ， ee 


2. 变量 的 输入 er 

在 ActionScript 2.0 中 ， | ， 或 者 
是 其 他 的 数据 类 型 。 当 变量 被 册 CS5 会 自动 确定 这 个 变量 的 数据 类 型 。 这 是 
ActionScript20 和 其 他 专 ; 的 不 同 之 处 。 









Flash CS5 程序 可 b 符 右边 的 表达 了 值 ， 并 且 确 定 这 个 变量 目前 是 一 个 
Number 数据 类 型 据 类 型 。 例 如 : 语句 “X= "dfdsfi"” 会 
a 成 string 时 , 次 并 < 到 作 自 动 将 接收 到 的 值 转换 成 字符 串 ， 可 以 使 
用 这 个 动作 、 跟 踪 变 量 的 值 以 及 跟踪 脚本 的 分 支流 向 。 

ActionScript 2.0 还 会 根据 表达 式 需要 来 变换 数据 类 型 。 例 如 ， 当 “+” 操 作 符 被 用 于 
一 个 字符 串 时 ，ActionScript 2.0 会 自动 将 另 一 个 数据 的 类 型 转换 为 字符 串 (不 是 字符 串 的 情 
况 下 )。 例 如 , "Aamde on line.number"+9, ActionScript 2.0 会 自动 将 数字 9 转换 成 字符 串 “9”， 
并 将 其 加 束 到 第 一 个 字符 串 的 后 面 形成 一 个 更 长 的 字符 串 : "Aamde on line,number9"。 

3. 变量 的 作用 王 

在 ActionScript2.0 中 ， 变 量 分 为 全 局 变量 和 局 部 变量 ， 变 量 在 作用 域 中 可 以 被 引用 。 

一 个 全 局 变量 可 以 在 所 有 的 Timeline 中 共享 ,而 一 个 局 部 变量 只 能 在 它 所 属 的 代码 块 
(大 括号 ) 内 起 作用 。 

使 用 局 部 变量 可 以 很 好 地 防止 名 称 的 冲突 ， 所 以 被 大 量 使 用 ， 但 在 有 些 情况 下 必须 使 
用 全 局 变量 。 例 如 ， 要 在 某 个 代码 块 中 应 用 另 一 个 代码 块 中 的 变量 ， 或 者 在 整个 动画 中 传 
递 某 个 变量 的 值 ， 在 这 种 情况 下 ， 全 局 变量 将 发 挥 巨大 的 作用 。 

局 部 变量 在 函数 内 部 使 用 ， 这 将 使 函数 成 为 可 重复 使 用 的 独立 代码 段 。 

4. 变量 的 声明 

全 局 变量 的 声明 , 可 以 通过 使 用 set variables 动作 或 赋值 操作 符 来 实现 ; 局 部 变量 的 声 





Fr: 
明 ， 可 以 通过 在 函数 体内 部 使 用 var 语句 来 实现 。 局 部 变量 的 作用 域 被 限定 在 所 处 代码 块 
中 ， 并 在 块 结束 处 终结 ， 不 是 在 块 的 内 部 被 声明 的 局 部 变量 将 在 它们 的 脚本 结束 处 终结 。 
6.1.3 操作 符号 

在 ActionScript 2.0 中 ， 操作 符 用 于 指定 表达 式 中 的 值 将 如 何 被 联合 、 比 较 或 者 改变 。 
操作 符 的 动作 对 象 被 称 为 操作 数 。【 动 作 ]】 面板 的 “比较 运算 符 ” 中 包含 了 ActionScript2.0 
的 各 种 操作 符 ， 如 图 6.1 所 示 。 


Fv 根 入 | 渤 坑 | 参数 ”动作 
ActienSeript 1.042.0 沁 


全 局 西数 全 
| | 全 mt » 论 
通 句 » 0 
AetiomSeript 20 类 
ETT = 
y 中 
sR 


A 党 让 
1. 操作 符 的 优先 We 

当 两 个 或 两 en 一 些 操作 符 与 其 他 操作 符 相 
比 有 更 高 的 { /go, “/” 要 在 之 前 被 执行 ， 因 为 除法 运算 比 加 法 运算 具有 更 
高 的 优先 级 。ActionScript 2.0 就 是 通过 严格 遵循 这 个 优先 级 来 决定 哪个 操作 符 优 先 执行 ， 
哪个 操作 符 最 后 执行 的 。 

例如 ， 在 下 面 的 程序 中 ， 先 执行 括号 里 的 内 容 ， 运 算 结果 是 72。 

Number=(22+2) *3 
而 在 下 面 的 程序 中 ， 先 执行 乘法 运算 ， 运 算 结果 是 26。 


Number=22+2*2 





园 2@v 人 名 这 






2. 榜 作 符 的 结合 性 

如 果 两 个 或 两 个 小 上 的 操作 符 拥有 同样 的 优先 级 ， 此 时 决定 它们 执行 顺序 的 就 是 操作 
符 的 结合 性 了 。 结 合 性 可 以 是 从 左 到 右 , 也 可 以 是 从 右 到 左 。 

例如 ,乘法 操作 符 的 结合 是 从 左 向 右 ， 所 以 下 面 的 两 个 语句 是 等 价 的 。 


number=5*8*9 
number=(5*8)*9 
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3. 数字 操作 符 


数字 操作 符 用 于 在 程序 中 进行 算术 运算 , 表 6-1 列 出 了 ActionScript2.0 中 所 有 的 数字 
操作 符 及 其 合 义 。 


表 6-1 数字 操作 符 














4. 比较 择 作 符 RS 
比较 操作 符 用 于 比较 表达 式 回 一 个 布尔 值 ， 这 些 操作 符 常用 于 判断 循环 是 
天 结束 或 用 于 条 件 语句 中 。 末 了 ActionScrip 轩 中 知人 比较 近 作 符 及 其 合 义 。 





5. 到 辑 操作 符号 


逻辑 操作 符 用 于 比较 两 个 布尔 值 (trve 或 false) 并 返回 第 3 个 布尔 值 。 表 6-3 列 出 了 
ActionScript 2.0 中 的 所 有 逻辑 操作 符 及 其 合 义 。 











表 6-3 膛 辐 操作 符 
逻辑 操作 符 执行 的 操作 
人 适 辑 与 
1 远 辑 或 
! 远 辑 砷 


6. 位 操作 符 
位 操作 符 可 在 内 部 将 浮 点 型 数字 转换 成 32 位 的 整 型 ,所 有 的 位 操作 符 都 会 对 一 个 浮 点 
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第 2 版 前 言 


本 书 是 根据 编者 多 年 的 教学 经 验 和 对 高 职高 专 、 中 等 职业 学 校 及 技工 学 校 学 生 安 际 情 
况 (强调 学 生 的 动手 能 力 移 了 解 编写 的 ,精心 挑选 了 53 个 案例 进行 详细 讲解 ,再 通过 这 些 
案例 的 配套 练习 来 巩固 所 学 内 容 。 本 书 采 用 广 际 操作 与 理论 分 析 相 结合 的 方法 ， 让 学 生 在 
案例 制作 过 程 中 学 习 、 体会 理论 知识 , 同时 扎 详 的 理论 知识 又 为 误 际 操作 葛 定 坚 详 的 基础 ， 
使 学 生 每 做 完 一 个 案例 就 会 有 一 种 成 就 感 ， 这 样 大 大 提高 了 常生 的 学 习 兴趣。 

本 书 内 容 分 为 Flash CS5 基础 知识 .Flash CS5 图 形 给 和 CS5 文字 特效 Flash CS5 
动画 制作 、Flash CS5 按钮 制作 、Flash CS5 综合 制作 六 小 名 分 。 本 书 第 2 版 的 编写 体系 做 
了 精心 的 设计 ， 并 更 换 了 第 1 版 中 的 部 分 末 例 , , 按 :I 例 效果 预览 一 案例 画面 效果 及 制 
作 流 程 分 析 一 详细 制作 步骤 一 举一反三 ”这 一 喇 医 进 行 编排 ， 力 求 通过 案例 效果 预览 增加 
学 生 的 积极 性 和 主动 性 ; 通过 案例 画面 效 办 及 制作 流程 分 析 ， 使 学 生 了 解 整 个 秦 例 的 制作 
流程 、 edi 通过 详细 制作 步 骏 使 学 生 拿 握 整 个 案例 的 制 
作 过 程 和 需要 注意 的 细节 ; ee 革 合 学生 对 所 党 知识 进一步 得 到 巩固 和 加 强 。 编 者 
将 Flash CS5 的 基本 功能 和 新 克 能 如 入 实例 的 讲解 读者 可 以 边 学 边 练 , 既 能 掌握 
软件 功能 ， 又 能 快速 作 过 程 中 。 本 量 ， 可 以 作为 网 页 动画 设计 者 与 爱 
好 者 及 学 生 的 工具 要 的 效果 的 制作 。 本 书 的 每 一 章 都 有 
学 时 供 老师 教学 学 时 参考 ， 中 一 章 的 案例 效果 文件 和 素材 ， 可 通过 网 上 
ee 1/ 

参与 本 书 编写 工作 的 有 张 喜 生 、 于 永 忱 、 伍 福 军 、 张 巧 玲 、 李 上 暗 、 张 珈 瑞 、 卢 永 平 。 

本 案例 教程 内 容 不 仅 适 用 于 高 职高 专 及 中 等 职业 院 校 学 生 ， 也 适 于 作为 短期 培训 ， 对 
于 初学 者 和 自学 者 尤为 适合 。 

由 于 编者 水 平 有 限 ， 定然 存 在 琉 漏 ， 茹 请 广大 读者 批评 指正 ! 联系 电子 邮箱 
763787922@qq.com。 
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1. Flash CS5 的 启动 及 其 工作 界面 介 名 
2. 绘图 工具 的 名 称 及 作用 
3. 时 间 轴 及 功能 面板 介绍 从 


4. 动画 及 动画 的 基本 类 NS 
5. 场景 与 肛 台 及 工作 库 】 从 


6. Flash CS5 常用 

7. 语句 、 事 NS 
8. 动作 vray 伐 - 

9. ee 


10. Flash CS5 基本 操作 


说 明 ， 
本 章 主要 介绍 Flash CS5 的 基础 知识 、 工 作 界 面 、 绘 图 工具 、 相 关 概 念 和 俗语 ， 首 在 者 
助 学 生 对 Flash CS5 有 一 个 初步 了 解 ， 具 体 知识 将 在 后 面 各 章 中 详细 介绍 。 


教学 建议 课时 数 : 
一 般 情况 下 需 4 课 时 ,其中 理论 3 课时 、 实 际 操作 1 课时 (根据 特 丈 情况 可 做 相应 调整 )。 


FE 
1.1 Flash CS5 的 启动 和 基本 工具 


1.1.1 Flash CS5 的 启动 


双击 桌面 上 的 颖 图 标 , 弹出 如 图 1.1 所 示 的 界面 , 单 击 别 essswas 选 项 , 进入 Flash CS5 
的 操作 界面 , 如 图 1.2 所 示 。 








图 12 
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1.1.2 绘图 工具 名 称 及 其 作用 


* 选择 工具 : 选择 和 移动 舞台 中 的 对 象 ， 或 改变 对 象 的 大 小 、 形 状 。 

* 部 分 选 职工 具 : 从 所 选 对 象 中 再 选择 部 分 内 容 ， 可 用 于 调整 曲线 的 形状 。 

如 任意 变形 工具 : 使 用 该 工具 可 以 对 图 形 进行 缩放 、 扭 曲 或 旋转 变形 。 

入 填充 变形 工具 : 该 工具 通过 调整 填充 的 大 小 、 方 向 或 中 心 ， 可 以 使 渐变 填充 或 位 图 
填充 变形 。 

93D 旋转 工具 : 用 于 在 3D 裤 间 中 旋转 影片 剪辑 立 例 。 在 使 用 该 工具 选择 影片 剪辑 后 ， 
3D 旋转 控件 出 现在 选 定 对 象 之 上 。X 轴 为 红色 , Y 轴 为 绿色 ,Z 轴 为 蓝 色 。 使 用 柱 色 的 自 
由 旋转 控件 可 同时 绕 买 灿 和 习 轴 旋转 。 

到 3D 平移 工具 : 用 于 在 3D 空间 中 移动 影片 剪辑 实 le 和 I 后 ， 
影片 剪辑 的 X、Y 和 Z 三 个 轴 将 显示 在 舞台 上 对 象 的 磺 部 \ 义 轴 为 红色 ,YY 轴 为 绿色 , 而 
Z 轴 为 黑色 。 应 用 此 工具 可 以 将 及 名 分别 六 六、 或 也 轴 进行 平移 。 

” 套 索 工具 : 用 于 在 舞台 中 选择 不 规则 区 搜寻 乡 小 对 象 。 

4 钢笔 工具 : 用 于 绘制 精确 路 径 ， 如 息 线 或 平滑 流 轧 的 曲线 ， 也 可 用 来 调整 直线 的 角 


度 、 长 度 和 曲线 段 的 笠 率 。 
A 文本 工具 : 用 于 创建 静态 \ 惑 芒 交 输入 各 和 











文本 对 象 。 

7 线条 工具 : 用 于 绘制 角度 的 直线 

O 椭 图 工具 : 用 于 图 形 (本 图 线条 图 形 )。 

口 矩形 工具 ， TT 绘制 矩形 或 多 边 形 ( 拭 形 线条 和 填充 
图 形 )。 ~ 

了 外 笔 工具 人才 用 该 工具 可 以 通过 涡 用 真实 铅笔 大 致 相同 的 方式 来 绘制 任 意 形状 的 
线条 。 

了 刷子 工具 : 用 于 绘制 出 刷子 般 的 笔 独 ， 就 好 像 在 涂 色 一 样 。 它 可 以 创建 特 珠 效 果 ， 
如 书法 效果 等 。 

2Deco 工具 : 对 舞台 中 选 定 的 对 象 应 用 效果 。 选 定 Deco 工具 后 ， 可 以 从 【属性 】 面 
板 中 选择 要 应 用 的 效果 样式 。 


了 臣 朋 骸 工 具 : 对 影片 剪辑 、 图 形 和 按钮 实例 添加 下 骨骼 。 

巧 绑 定 工具 : 用 于 编辑 单个 骨骼 和 形状 控制 点 之 间 的 连接 。 

息 黑 水瓶 工 具 : 使 用 该 工具 可 以 更 改线 条 或 者 形状 轮廓 的 笔触 蜂 色 、 宽 度 和 样式 。 

入 疾 料 桶 工具 ， 使 用 该 工具 可 以 用 颜料 填充 封闭 的 区 域 ， 对 于 未 完全 封闭 的 区 域 ， 也 
可 以 通过 适当 设置 进行 填充 。 

? 滴 管 工具 : 使 用 该 工具 ,可 以 从 一 个 对 象 复制 填 充 和 笔触 属性 , 然后 立即 将 它们 应 
用 到 其 他 对 象 上 。 使 用 该 工具 还 可 以 从 位 图 图 像 中 取样 用 做 填充 。 

全 橡皮 掠 工具 : 使 用 该 工具 可 以 快速 撞 除 舞台 中 的 任何 内 容 ， 包 括 个 别 笔触 段 和 填充 
区 域 。 

转手 形 工具 : 当 放大 舞台 时 ， 可 能 无 法 看 到 整个 舞台 ， 利 用 手 形 工具 可 以 移动 舞台 ， 
从 而 不 必 更 改 缩放 比率 即 可 查看 视图 。 
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入 缩放 工具 : 该 工具 用 来 改变 舞台 显示 比率 ， 缩 放 比率 取决 于 显示 器 的 分 辩 率 和 文档 
大 小 , 相当 于 我 们 生活 中 的 放大 镜 和 显微镜 的 功能 。 舞台 缩放 的 最 小 比率 为 8%, 最 大 比率 
为 2 000%。 

“下 笔触 颜色 : 用 于 更 改 当前 笔触 (线条 ) 的 颜色 。 

& 昌 填充 颜色 : 用 于 改变 当前 填充 图 形 的 应 色 。 

本 黑白 工具 : 单 击 该 工具 ， 系 统 恢复 战 认 的 额 色 。 

怠 交 换 颜色 工具 : 单 击 该 工 ， 将 笔触 颜色 和 填充 颜色 进行 交换 。 

全 全 竹 选 项 区 : 此 选项 区 根据 当前 选择 的 工具 不 同 有 所 变化 ,主要 用 来 设置 当前 选择 


工具 的 属性 。 
1.2 时 间 轴 、 hua 


1.2.1 时 间 轴 将 - 


时 间 灿 用 于 组 织 和 控制 文档 内 容 在 一 定时 司 内 播放 的 层 数 和 帧 数 (就 好 比 导 演 的 剧 
本 )， 决 定 了 各 个 场景 的 切换 以 及 交 》 这 演 的 时 间 顺 序 。 

在 传统 动画 制作 中 ， 经 常 稼 分 解 到 佑 干 张 透明 胶片 上 ， 然 后 登 在 一 起 实现 动 

男 效果 。 比 如 ， 动 物 在 某 个 场景 虫 运 和 有 变化 ， 这 时 可 以 将 动物 的 运 

动 单独 绘制 在 透明 胶片 上 ， 要 加 到 场景 % 了 每 一 帧 都 必须 绘制 背景 和 前 

景 的 麻烦 。 在 Flash CS 中 ,为 冯 夫 技术 来 解决 类 似 问题 , 图 层 可 以 看 成 透 

的 内 容 会 遮挡 下 面 图 层 的 内 容 ， 只 有 









1.2.2 功能 面板 


功能 面板 可 用 于 查看 、 组 织 和 更 改 文档 中 的 元 素 。 面 板 中 的 可 用 选项 控制 着 元 件 、 实 
例 、 额 色 、 类 型 、 帧 和 其 他 元 素 的 特征 。 通 过 显示 特定 任务 所 需 的 面板 并 隐藏 其 他 面板 ， 
用 户 可 以 自 定义 Flash CS5 界面 ,以 便于 使 用 。 

Flash CS5 常用 的 控制 面板 有 【属性 】、【 库 】、【 动 作 ] 等 几 种 。 

对 于 一 些 不 用 在 【属性 】 面板 中 表示 的 功能 面板 ,Flash CS5 将 它们 组 合 到 一 起 并 置 于 
操作 界面 的 右 侧 。 用 户 可 以 同时 打开 多 个 面板 ， 也 可 以 将 暂时 用 不 到 的 面板 关闭 。 通 过 拖 
动 面板 标题 栏 堪 侧 的 填 标 志 ， 可 以 将 功能 面板 从 组 合 中 拖 出 来 ， 也 可 以 利用 它 将 独立 的 功 
能 面板 添加 到 面板 组 合 中 。 面 板 示意 图 如 图 1.4 所 示 。 
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1.2.3 动画 


动画 是 一 门 在 某 种 介质 上 记录 一 系列 单个 画面 ， A 的 速率 回放 所 记录 的 画面 
而 产生 运动 视 芝 的 技术 。 它 的 基本 原理 与 电影 、 电 视 信 禄 ,| 都 是 视 芝 和 暂 留 原理 。 科 学 证 明 ， 
人 类 具有 视 贡 暂 留 的 特性 ,就 是 说 人 的 眼 晴 看 


到 气候 加 或 一 个 物体 后 ,在 1124 秒 内 不 会 消 
失 。 利 用 这 一 厚 理 ， 在 一 幅 画 还 没有 消失 文 前浪 识 下 一 幅 男 ， 就 会 产生 一 种 流畅 的 视 帝 变 
化 效果 。 > 










动画 制作 过 程 ， 就 是 决定 这 一 黎 列 画面 显示 什么 内 容 的 过 程 。 

在 用 计算 机 制作 动画 时 ， 的 一 系列 画面 风帆。 由 是 动画 最 小 时 间 单 位 里 出 现 
的 画面 。Flash 动画 是 以 时 闻名 为 基础 的 帧 动画 ， 动画 作品 都 以 时 间 为 顺序 ， 
由 先后 排列 的 一 系列 帧 组 成 每 一 秒 中 包含 的 帧 如 "和 蒜 作 帧 率 。 在 Flash CS5 中 默认 帧 率 是 


12 帧 稍 。 六 

提示 ， 动画 的 《各 于 全 究 物 从 各 这 动 ， 基 意义 过 大 于 单 术 吕 本 的 给 制 。 相 对 和 
一 帧 应 访 更 要 关心 上 一 帧 另 面 与 下 一 惰 夯 面 之 间 所 产生 的 运动 效果 ， 这 就 是 
动画 与 漫画 的 重大 区 别 。 


1.2.4 动画 的 基本 类 型 


在 Flash CS5 中 ， 动 画 的 基本 类 型 主要 有 以 下 4 种 。 

(DD) 逐 帧 动画 : 逐 帧 动画 就 像 传统 动画 一 样 ， 需 要 绘制 动画 的 每 一 帧 ， 主 要 用 于 表现 
一 些 复杂 的 运动 ， 如 动物 的 讲 跑 、 人 物 的 行走 等 。 逐 帧 动画 一 般 者 采用 逐 帧 循环 动画 方式 
以 简化 制作 量 。 比 如 动物 的 弃 跑 ， 只 要 分 解 绘制 出 一 个 周期 内 的 各 个 关键 动作 ,然后 循环 
使 用 即 可 。 

(2) 补 间 动画 : Flash CS5 提供 了 一 种 简单 的 动画 制作 方法 ， 即 采用 关键 帧 处 理 技术 的 
补 间 动 画 。 补 间 动 画 还 可 以 分 为 动作 补 间 动 画 和 形状 补 间 动 画 。 关 键 帧 处 理 技 术 是 计算 机 
动画 软件 采用 的 重要 技术 ， 只 要 决定 动画 对 象 在 运动 过 程 中 的 关键 状态 ,中间 帧 的 动画 效 
果 就 会 由 动画 软件 自动 计算 得 出 。 描 绘 关键 状态 的 帧 ,就 称 为 关键 帆 。 在 确定 关键 帧 动画 
时 至 少 需要 两 个 关键 帧 。 

如 果 要 表现 动画 对 象 比较 复杂 的 运动 ， 所 需 的 关键 帧 往往 比较 多 ， 这 也 说 明 逐 帧 动画 
其 实 是 补 间 动 画 的 一 种 特殊 情况 ， 逐 帧 动画 的 每 一 帧 都 是 一 个 关键 帧 。 对 关键 帧 的 处 理 是 
制作 动 男 片 的 关键 。 

@: 
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(3) 运动 引导 层 动画 : 运动 引导 层 动画 实际 上 也 是 补 间 动 画 的 一 种 特殊 情况 ， 它 在 动 
作 补 间 动 画 的 基础 上 增加 了 运动 轨迹 控制 ， 使 动画 对 象 能 够 沿 预先 绘制 的 路 径 运 动 ， 它 是 
制作 复杂 补 间 动 国 的 最 好 方法 。 

(4) 遮 重 层 动画 ; 遮 重 层 动画 就 是 决定 被 遮 午 层 中 动画 对 象 显示 情况 的 一 种 处 理 方法 。 
遮 置 层 中 有 对 象 存在 的 地 方 ， 都 产生 一 个 孔 ， 使 其 连接 的 被 遮 置 层 相应 区 域 中 的 对 象 显示 
出 来 。 没 有 动画 对 象 的 地 方 , 会 产生 一 个 直子 , 遮 住 链接 层 相应 区 域 中 的 对 象 。 


1.2.5 场景 


如 果 将 Flash CS5 动画 比 作 话剧 ， 一 个 场景 就 是 话剧 的 一 幕 ， 每 一 幕 都 有 丰富 的 内 容 、 
精彩 的 表演 ， 结 合 起 来 就 形成 了 一 个 完整 的 话剧 。 同 样 , 不同 的 
完整 的 Flash 动画 。 我 们 可 以 根据 需要 设置 多 个 场景 ， 并 

在 按 住 Shif 键 的 同时 按 F2 键 ， 可 以 显示 如 图 1. 
可 以 对 场景 进行 新 建 、 删 除 、 复 制 等 操作 。 
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提示 : 在 Co 证 命名 : 拖 动 场景 名 称 可 以 改变 场景 的 
| 和光 
1.2.6 舞台 和 让 恬 页 面 


台 是 展示 、 播 放 和 控制 动画 的 地 方 ， 舞台 上 显示 的 内 容 是 当前 所 选 帧 上 的 对 象 ， 可 
以 在 舞台 上 为 当前 帧 创建 所 需要 的 内 容 。 
舞台 的 默认 颜色 为 白色 ， 因 此 动画 的 背景 色 也 就 是 白色 。 如 果 需 要 改变 舞台 的 背景 颜 
色 , 可 以 单 击 浮动 面板 中 类 8 右边 的 J( 背 景 新 色 ) 按 钮 ， 弹出 如 图 1.6 所 示 的 【颜色 面板 ， 
单 击 所 需要 的 颤 色 即 可 完成 舞台 背景 额 色 的 设置 。 也 可 以 单 击 浮动 面板 中 
9 右边 的 [85= 按钮 ， 弹 出 如 图 1.7 所 示 的 【文档 设置 】 对 话 框 。 


| 








图 1.6 图 17 
在 【文档 设置 】 对 话 框 中 ， 可 以 根据 需要 设置 背景 颜色 、 帧 率 、 舞 台大 小 及 标题 等 。 
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1.2.7 【 库 ] 面板 


【 库 】 面板 用 于 存放 和 组 织 可 重复 使 用 的 Flash 动画 元 件 ， 包 括 在 Flash 中 绘制 的 图 形 
对 象 和 导入 的 声音 、 位 图 及 QuickTime 动画 等 文件 。Flash 将 这 些 文件 转换 成 符号 ( 符 与 是 
在 动画 中 可 上 反复 使 用 的 动画 元 件 。 修 改 库 中 的 符号 时 ， 在 动画 中 使 用 的 元 件 也 会 发 生 相 应 
的 改变 )， 如 图 1.8 所 示 。 





要 调用 【 库 】 面 板 中 aa 动 到 工作 舞台 中 ， 这 时 就 创建 了 


该 符号 的 一 个 实例 。 

在 当前 Flash 可 以 直接 调 其 他 Flash 文件 【上 库 】 面 板 中 的 符号 。 使 

用 方法 和 使 1 治 补 的 符号 一 样 ， 拖 动 创建 实例 ， 被 使 用 的 符号 将 自动 添加 到 

当前 文件 的 板 中 。 

提示 : 【 库 】 还 有 一 种 形式 即 【 公 用 库 】。【〖【 库 】〗 用 未 存储 自己 创建 的 符号 ，【 公 用 库 】 
则 用 来 存储 Flash 软件 自 带 的 符号 。 


1.3 Flash CS5 常用 术语 与 语法 规则 


1.3.1 Flash CS5 常用 术语 
1. 线条 和 填充 图 形 


在 Flash CS5 的 帮助 信息 中 ,经常 提 到 一 个 名 为 “笔触 ”的 概念 ， 许 多 读者 对 此 概念 不 
其 明白 , 其实 “笔触 ”与 经 常 提 到 的 “线条 ”是 同一 个 意思 ,这 是 Macromedia 公司 对 “ 线 
条 ”的 官方 描述 。 

(1) 线条 : 用 线条 工具 、 钢 笔 工具 、 铅 笔 工具 绘制 的 图 形 以 及 由 椭 贺 工具、 矩形 工具 
绘制 的 图 形 的 边框 线 ， 如 图 1.9 所 示 。 线 条 的 粗细 不 能 通过 变形 来 调整 ， 只 能 使 用 【属性 】 
面板 中 的 【笔触 高 度 】 选 项 来 改变 其 设置 。 也 可 以 使 用 墨水 瓶 工具 来 改变 线条 的 颜色 ， 颜 
料 桶 工具 对 其 不 起 作用 。 
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(2) 填充 图 形 : 指 用 刷子 工具 绘制 的 图 形 , 或 者 是 由 椭圆 工具 、 和 矩形 工 具 绘 制 的 图 形 
的 填充 部 分 ， 如 图 1.9 所 示 。 填 充 图 形 的 额 色 不 能 通过 墨水 瓶 工具 来 改变 ， 只 能 使 用 额 料 
桶 工具 来 进行 调整 。 





2. 元 件 与 实例 

在 戏剧 中 经 常 可 看 见 一 个 戏剧 演员 

Flash 动画 时 ， 也 会 遇 到 某 个 对 象 在 

这 样 婚 费时 间 又 增加 了 文件 大 小 

成 称 为 “元 件 ”的 对 象 , 在 
提示 : 元 件 卸 到 央 台 A 


> 本 提交 这 个 由 天生 大 的 对 
为 “实例 ” ms 具有 不 同 的 特性 ， 一 个 场景 可 以 放置 多 
个 由 相 的 实例 对 象 ， 中 与 之 对 应 的 元 件 只 有 一 个 。 当 元 件 的 属性 
(大 小 ) 改 变 时 ， 由 它 生成 风 实 例 的 属性 也 会 发 生 初 应 的 改变 。 


元 件 分 为 3 类 ， 即 影片 剪辑 (用 于 制作 动画 )、 图 形 (用 于 制作 静态 元 素 )、 按 钮 (制作 交 
互动 画 的 基础 )。 
3. 秋 量 图 形 与 位 图 图 像 


1) 矢量 图 形 

矢量 图 形 是 指使 用 数学 公式 和 函数 来 定义 图 形 中 对 象 的 大 小 、 形 状 、 轮 廓 和 位 置 等 属 
性 的 图 形 。 对 于 一 条 线段 ， 矢量 图 形 只 记录 端点 的 坐标 位 置 、 线 条 的 粗细 和 额 色 等 信息 ， 
所 以 对 线段 进行 放大 后 , 其 信息 没有 发 生 任何 改变 , 线段 的 显示 效果 也 没有 变化 , 如 图 1.10 
所 示 。 







》 Flash 设置 了 四 库 】, 将 这 样 的 对 象 放置 其 中 , 形 
ai 中 标 将 该 元 件 拖 到 舞台 中 即 可 。 





一 对 局 部 放大 4 售后 一 
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图 1.10 


矢量 图 形 的 另 一 个 优点 是 文件 所 占 的 空间 小 ， 这 样 既 方便 携带 和 共享 ， 又 方便 在 带宽 
有 限 的 网 络 上 进行 快速 浏览 。 

当然 矢量 图 形 也 有 它 自己 的 缺陷 ， 即 不 适宜 用 它 来 制作 色调 丰富 或 色调 变化 丰富 的 图 
像 (如 风景 图 像 ), 绘制 出 来 的 图 形 不 是 很 过 真 ， 也 无 法 像 位 图 软件 一 样 精确 描绘 自然 界 的 
景象 。 

制作 矢量 图 形 的 常用 软件 有 FreeHand 、Ittustrator、CorelDraw 及 AutoCAD 等 。 

2) 位 图 图 像 

位 图 图 像 你 让 了 矢量 图 形 的 缺陷 ， 用 它 能 够 制作 出 色彩 丰 宫 的 对 象 ， 人 性 化 地 表现 类 
似 于 图 片 等 复杂 图 像 的 真实 感觉 。 位 图 文件 所 占 的 空间 比较 此 处 理 图 像 的 速度 也 慢 。 

位 图 图 像 的 缺陷 是 不 能 随意 缩放 ， 在 将 图 像 放大 : 和 图像 皇 现 出 马赛 克 状 ， 如 
111 所 示 。 









De WA 

常用 的 位 有 FireWorks wy 、Painter 及 Photolmpact 等 。 
ei 

1.3.2 ”动作 脚本 的 基础 知识 


动作 脚本 (ActionScript 是 Flash 中 能 够 面向 对 象 进行 编程 的 语言 。 它 的 使 用 不 仅 使 动画 
具有 交互 性 , 而 且 可 以 为 普通 动画 添加 玄妙 的 动画 效果 (如 可 以 将 一 条 波浪 线 通过 动作 脚本 
语言 变 成 海浪 线 效果 )。Flash CS5 与 其 早期 的 版 本 不 同 , 它 提供 了 多 种 脚本 语言 ， 如 
ActionScript 2.0、ActionScript 3.0、Iphone OS 和 Flash JavaScript 等 ， 能 够 比 以 前 更 为 标准 
地 实现 面向 对 象 的 编程 。 

动作 脚本 程序 一 般 由 语句 、 函 数 和 变量 组 成 ， 主 要 涉及 的 内 容 有 变量 、 函 数 、 数 据 类 
型 、 表 达 式 和 运算 符 等 。 

1。 变 量 


变量 是 用 来 保存 信息 的 ， 可 以 用 来 存放 包括 数值 、 字 符 串 、 膛 辑 值 和 表达 式 在 内 的 任 
何 信息 。 我 们 可 以 在 动画 的 不 同 部 分 为 变量 赋予 不 同 的 值 ， 这 就 如 同一 个 储藏 库 ， 虽 然 名 
称 不 变 , 但 是 所 储藏 的 东西 却 时 常 在 变化 。 

由 于 变量 可 以 保存 不 同 的 数据 , 所 以 变量 也 同样 要 区 分 不 同 的 类 型 。 在 Flash CS5 中 ， 
变量 主要 有 字符 型 、 数 值 型 、 逻 辑 型 、 对 象 型 和 影片 剪辑 型 5 种 。 

在 Flash CS5 中 ， 变量 命名 必须 遵守 以 下 规则 。 
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(D 变量 名 必须 以 字母 或 下 划 线 开头 ， 而 且 只 能 由 字母 、 数 字 和 下 划 线 组 成 , 中 间 不 
能 包括 空格 。 变 量 名 不 区 分 大 小 写 。 

(2) 变量 名 不 能 是 一 个 关键 字 或 逻辑 常量 (这 或 rue)。 需要 注意 的 是 , Flash CS5 的 关键 
字 都 是 小 写 形式 , 如 果 写 成 大 写 , Flash CS5 会 把 它 视 为 普通 字符 而 不 作为 关键 字 处 理 。 例 
如 , 于 是 一 个 关键 字 , 而 正则 不 是 关键 字 。 

(3) 变量 名 在 它 的 作用 范围 内 必须 是 唯一 的 ， 而 且 变 量 名 不 能 与 系统 保留 的 关键 字 相 
同 。 如 COMPUTER、book、B5 、_OPKFHDFJ 都 是 合法 的 变量 名 ; 站 、true、fds%d、8dd、 
for 者 是 非法 变量 名 。 

(和 在 脚本 中 使 用 变量 应 遵循 “ 先 定 义 后 使 用 ”的 原则 (例如 ， 叫 某 个 人 的 名 字 ， 必须 
先知 道 他 的 名 字 , 才能 叫 出 他 的 名 字 )。 也 就 是 说 ,在 脚本 中 必须 先 定义 一 个 变量 , 然后 再 
在 表达 式 中 使 用 这 个 变量 。 根 据 变量 的 使 用 范围 ， 可 分 ; 量 (在 整个 程序 中 起 作用 ) 
与 局 部 变量 (适合 于 局 部 程序 )。 


gr SS 
函数 是 用 来 对 常量 、 sam eas, 获取 对 象 属性 等 。 函 
丘 bp 从 ,不 [a 


a 很 心 5 的 贡 数 可 以 分 为 系统 函数 和 自 定 义 范 数 。 
的 沙 癌 A 用 以 直接 在 动画 中 调用 ; 自 定义 函数 是 用 户 根据 自 
己 的 需要 定义 的 台数 。 在 自 证 尽 区 数 中 ， 用 户 定义 一 句 , 对 传递 过 来 的 值 进 行 运算 ， 






me Flash GS 人 5 提供 的 系统 区 汪 通用 类 型 函数 、 数 值 类 函数 、 字 符 串 
类 函数 、 属 性 函数 等 。 NS 
3。 数据 类 型 < 人 ~ * 


aos ActiGdScript 元 素 能 够 拥有 的 信息 类 型 。ActionScript 中 
有 两 种 数据 类 型 : 基本 数据 类 型 与 引用 数据 类 型 。 

{D 基本 数据 类 型 : 如 字符 串 、 数 字 、 布 尔 数 等 。 基 本 数据 类 型 都 有 一 个 不 变 的 值 ， 
可 以 保存 它 所 表示 的 元 素 的 交际 值 。 

(2) 引用 数据 类 型 : 如 电影 片段 和 对 象 。 引 用 数据 类 型 的 值 可 以 改变 ， 所 以 它们 所 包 
合 的 是 对 元 素 文 际 的 应 用 。 

下 面 对 Flash CS5 中 的 各 种 数据 类 型 进行 介绍 。 

(1) 数值 型 : 数值 型 数据 是 双 精 度 浮 点 数 ， 可 用 数学 运算 符 处 理 。 例 如 : sum=100+x。 

{2) 字符 型 : 字符 型 数据 是 一 个 字符 仔 母 、 数 字 和 标点 符号 ) 序 列 。 在 动作 脚本 语句 中 
输入 字符 串 H 时 ， 使 用 单 引 号 或 双 引 号 括 起 来 。 例 如 : Name="wutboweng"。 

(3) 逻辑 型 : 逻辑 型 数据 包括 tme( 真 和 false( 假 )。 必 要 时 ,动作 脚本 也 把 tue 和 false 
转换 为 1 和 0。 逐 辑 值 与 逻辑 操作 符 一 起 ,常常 用 在 控制 脚本 流动 的 比较 语句 中 。 

(和) 对 象 型 : 对 象 是 动画 创作 的 基本 元 素 ， 不 同 的 对 和 象 包含 有 不 同 的 属性 ， 每 个 属性 
都 有 名 称 和 值 ， 属 性 值 可 以 是 任何 Flash 数据 类 型 ， 甚 至 可 以 是 对 象 数据 类 型 ， 这 样 就 可 
以 把 一 个 对 象 嵌 套 在 另 一 个 对 象 中 move 是 一 个 对 象 ,bird 是 move 中 的 一 个 对 象 ,而 _width 
是 bird 的 一 个 属性 ， 如 : move bird_width。 

(5) 影片 剪辑 型 : 影片 剪辑 是 唯一 一 种 与 图 像 元 素 有 关 的 数据 类 型 ， 也 可 以 把 影片 前 
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辑 理解 为 一 个 “小 型 动画 ”。 我 们 可 以 使 用 影片 剪辑 文 例 对 象 的 方法 和 属性 来 控制 影片 前 
辑 的 播放 效果 。 
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1.3.3 语句 


动作 脚本 由 一 系列 语句 组 成 ， 这 些 动作 语句 能 够 将 变量 、 函 数 、 属 性 和 方法 组 织 成 为 
一 个 有 机 的 整体 ,以 控制 对 象 产生 各 种 动画 效果 。 

Flash CS5 提供 专门 的 【动作 】 面 板 来 组 织 动作 脚本 。【 动 作 ] 了 面板 一 般 与 【属性 ] 面 
板 组 合 在 一 起 ， 但 是 也 可 以 根据 需要 将 它 拖 出 来 ， 形 成 一 个 单独 的 界面 ， 如 图 1.12 所 示 。 










脚本 选择 窗 4 时 未 包括 放 \ 久 下 0 操作 符 等 各 种 类 别 的 动作 脚本 ,双击 


的 脚本 选择 窗口 来 添加 脚本 。 
(2) 通过 弹出 菜单 添加 脚本 。 
(3) 直接 在 语句 窗口 中 输入 语句 。 


1.3.4 事件 与 交互 的 概念 


事件 是 指 由 软件 或 硬件 触发 的 某 种 响应 申请 ， 要 求 应 用 程序 对 其 进行 处 理 。 例 如 ， 饼 
标 单 击 或 按 下 键盘 之 类 的 事件 称 为 用 户 事件 ， 它 是 因 用 户 操作 而 发 生 的 。 

交互 就 是 使 应 用 程序 能 够 对 事件 做 出 反应 。 例 如 ， 当 用 户 单 击 舞台 上 的 一 个 按钮 时 ， 
可 以 使 动画 跳 转 到 另外 一 帧 或 场景 播放 。 


1.3.5 动作 脚本 的 基本 语法 规则 

与 任何 语言 一 样 ， 动 作 脚本 也 具有 一 定 的 语法 规则 。 只 有 遵循 这 些 语法 规则 才能 创建 
正确 编译 和 运行 的 脚本 。 

(DD 点 语法 : 在 动作 脚本 中 ， 点 “-” 被 用 来 指 B 与 某 个 对 象 或 影片 剪辑 相关 的 属性 和 
方法 ， 也 用 于 标志 指向 影片 剪辑 或 变量 的 目标 路 径 。 点 语法 表达 由 对 象 或 影片 剪辑 实例 名 
开始 ,接着 是 一 个 点 ， 最 后 是 要 指定 的 属性 、 方 法 或 变量 。 
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例如 : 
bird._alpha;  // 调 用 对 象 bird 的 _alpha 属性 。 
点 语法 使 用 两 个 特殊 的 别名 : _root 和 _parent。 别名 _root 是 指 主 时 间 轴 , 可 以 使 用 _root 
别名 创建 一 个 绝对 路 径 。 例 如 ， 下 面 的 语句 调用 动画 中 影片 草 辑 sun 的 stop 方法 : 


_root.sun.stop(); 


Flash CS5 允许 使 用 别名 _parent 来 引用 庶 套 在 当前 影片 甬 辑 中 的 另 一 个 影片 筋 辑 , 也 可 
以 用 _parent 创 建 一 个 相对 目标 路 径 。 例 如 : 如 果 影片 剪辑 bird 被 谋 喜 在 影片 剪辑 animal 
之 中 ， 那 么 ， 在 实例 bird 中 的 下 列 语句 将 使 animal 影片 剪辑 停止 播放 : 


Parent.stop(); 
(2) 大 括号 : 动作 脚本 语句 用 大 括号 人 分 块 ， 如 下 | 所 示 。 


On(release) { 
gotoandplay (2) AR 


} 
(3) 分 号 : 动作 脚本 语句 用 分 号 “/ Rk 如 果 省 略语 句 结尾 的 分 号 ,也 可 以 成 功 编 
译 肝 本 。 NS 


(0 轿 括号 : om 把 参数 放 在 国联 中 。 
Function myfunct iow ea 位 


故人 NS 
调用 一 个 区 时 es : 
Myfunct: ("steve",20,false); 
图 括号 也 可 以 用 来 改变 动作 脚本 的 运算 优先 级 ， 或 使 自己 编写 的 动作 脚本 语句 更 容易 
阅读 。 
(5) 字母 的 大 小 写 : 在 动作 脚本 中 ， 关 键 字 除外 (关键 字 不 能 用 大 瑟 宇 母 )， 动作 脚本 元 
素 字 符 串 不 区 分 大 小 写 ， 即 可 以 同时 使 用 大 写字 母 或 小 写字 母 。 例 如 , 下面 的 语句 是 等 
价 的 : 
cat.hilite=true; 
CAT.hilite=true; 
提示 : 遵守 一 将 的 大 小 写 原则 是 一 个 好 的 习惯 。 这 样 ， 在 阅读 动作 脚本 代码 时 将 便于 区 分 
十 数 和 变量 的 名 字 。 


(9 注释 : 注释 有 利于 理解 动作 脚本 ,如果 在 一 个 合作 的 环境 中 工作 或 者 要 提供 范例 , 
注释 还 有 助 于 向 其 他 开发 人 员 提 供 信息 。 如 果 要 在 创建 脚本 时 应 用 注释 ， 就 在 注 雄 前 面 
加 ee 1122 

(7) 关键 字 : 动作 脚本 保留 一 些 单词 ， 专 门 用 于 脚本 语言 中 。 因 此 ， 不 能 用 这 些 保留 
字 作 为 变量 、 艺 郑 或 标签 的 名 字 。 注 意 这 些 关键 字 都 是 小 写 ， 不 能 写成 太 写 形式 。 
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提示 : 函数 和 语句 在 概念 上 是 密切 相连 的 ， 在 实际 使 用 时 往往 难以 区 分 ， 所 以 经 常 将 它们 
统称 为 语句 。 


1.4 Flash CS5 的 系统 配置 


在 使 用 Flash CS5 软件 之 前 , 建议 用 户 根据 自己 的 需要 对 软件 进行 系统 配置 ,以便 更 好 
地 适合 自己 的 使 用 风格 。 


1.4.1 【首选 参数 】 面 板 设置 


该 参数 面板 主要 设置 一 些 常规 操作 的 参数 。 伶 
单 击 项 一 本 首 过 多数 S- 命 令 (或 按 CtrlU 键 :13 所 示 的 【首选 参数 】 面 板 。 
该 参数 面板 主要 包括 【常规 】、【ActionScript 套用 格式 】、【 剪 贴 板 】、【 绘 


画 】、【 文 本 】、【 警 告 】 、【PSD 文 件 导入 器 四 以 及 【AI 文 件 导 入 器 】。 





图 113 


1. 【常规 】 选 项 


【常规 】 选 项 参数 如 图 1.13 所 示 ， 各 选项 的 作用 介绍 如 下 。 

(DK 启动 时 ]】 选 项 : 主要 用 来 设置 启动 Flash 应 用 程序 时 ， 对 最 先 打开 文档 进行 选择 ， 
其 下 拉 列 表 如 图 1.14 所 示 。 

(2D)【 橄 销 】 选 项 : 主要 用 来 设置 “文档 层级 撤销 ”和 “对 象 层级 撤销 ”恢复 的 步 辽 。 
在 Flash CS5 中 最 多 可 以 恢复 的 层级 步骤 范围 为 3 一 300 的 整数 。 使 用 撤销 层级 步 邓 越 多 ， 
占用 的 系统 内 存 空间 就 拭 多 ， 影 响 软件 的 运行 速度 。 
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(3)【 工 作 区 】 选项 : 默认 情况 下 Flash 应 用 程序 在 自己 的 窗口 中 打开 测试 影片 。 如 果 
人 勾 选 了 “在 选项 卡 中 打开 测试 影片 ” 复 选 框 , 在 单 击 二 本 渴 < 影 上 中 一 间 #m 命 令 时 ,在 应 
用 程序 窗口 中 打开 一 个 新 的 文档 选项 卡 。 如 果 勾 选 了 “自动 折 和 又 图 标 面板 ” 复 选 框 ， 在 单 
击 处 于 图 标 模式 中 的 面板 的 外 齐 时 ， 会 使 这 些 面板 自动 折 又 。 

(9 【选择 】 选 项 : 用 于 设置 在 影片 编辑 中 如 何 使 用 sh 近 键 处 理 多 个 元 素 的 选择 。 

(5 【时 间 灿 】 选 项 : 用 于 设置 时 间 灿 在 被 拖 出 原始 窗口 位 置 后 的 停放 方式 ， 并 对 时 间 
轴 中 的 帧 进行 选择 和 命令 锚 点 设置 。 

(9)【 加 亮 额 色 】 选 项 : 用 于 设置 舞台 中 独立 对 象 被 选 职 时 的 轮廓 阁 色 。 

(7 【打印 鞍 项 :用 于 设置 是 否 在 打印 时 禁用 PostScrip 输出 ,如 果 勾 所 禁 用 PostScript” 
复 选 框 ， 则 在 打 Ep 时 禁用 PostScrip 输出 。 此 选项 只 在 Wi 操作 系统 中 起 作用 。 


2. 【ActionScript] 选项 SA 

【ActionScript]】 选项 参数 如 图 1.15 所 示 。 该 全 设置 【动作 】 面 板 中 动作 肢 
本 的 外 观 。 

3. 【自动 套用 烙 式 】 选 项 

【自动 套用 格式 】 选 项 参数 如 se 访 沈 册 二 于 用 于 性 汪汪 【首选 参数 】 面 


板 中 的 选项 ， 并 在 “预览 ” 3 效果 。 
% 闭 2 WA 
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图 1.14 图 1.15 图 1.16 
4. 【前 贴 覆 】 先 项 
【剪贴 板 】 了 选项 参数 如 图 1.17 所 示 , 主要 用 于 设置 在 影片 编辑 中 的 图 形 或 文本 进行 前 
贴 操作 时 的 属性 选项 。 


【位 图 】 选项 : 该 选项 只 有 在 Windows 操作 系统 中 才 起 作用 。 当 剪贴 对 象 是 位 图 时 ， 
可 以 对 位 图 图 像 的 “颜色 深度 ”和 “分 状 率 ”等 属性 进行 设置 。 在 “ 太 小 限制 ”文本 框 中 
输入 数值 ， 可 以 指定 将 位 图 图 像 放 在 剪贴 板 上 时 所 使 用 的 内 存 ， 通 常 对 较 大 或 高 分 辨 率 的 
位 图 图 像 进行 甬 贴 时 ， 需 要 设置 较 大 的 数值 。 如 果 计 算 机 的 内 存 有 限 ， 可 以 选择 “无 ”， 





Flash cs5 动画 时 要 全 各 
不 应 用 和 贴 。 勾 选 “平滑 ” 复 选 框 ， 可 以 对 各 贴 位 图 应 用 消除 锯齿 的 功能 。 
5. 【绘画 】 选 项 


【绘画 】 选项 参数 如 图 1.18 所 示 。 

该 选项 主要 用 于 指定 钢笔 工具 指针 外 观 的 首选 参数 ;在 画 线段 时 进行 预览 或 者 查看 选 
定 锚 记 点 的 外 观 ， 通过 绘画 设置 来 指定 对 齐 、 平 滑 和 伸 直 行为 ， 更改 每 个 选项 的 “ 容 差 
设置 ; 打开 或 关闭 某 个 选项 。 一 般 情 况 下 采用 默认 值 。 

6.【 文 本】 选项 


【文本 】 选 项 参数 如 图 1.19 所 示 。 

该 选项 主要 用 于 设置 “字体 映射 黑 认 设置 ” “ES “输入 方法 ”和 “字体 
菜单 ”等 功能 的 属性 。 

《DD【 字 体 映射 默认 设置 】 选 项 : 设置 在 a 
的 字体 。 

(2D)【 样 式 】 选 项 : 设置 字体 的 样式 。 

(3)【 字 体 映射 对 话 框 】 选 项 : 如 果 委 

(4D【 垂 直 文 本 】 选 项 : 用 于 设置 合 朋 
流向 和 字 距 微调 属性 。 

( 引 【 输 入 方法 】 选 项 :3 前 于 设置 









暗示 据 失 的 字体 ， 则 需要 义 选 此 复 选 框 。 


FRPP BY | one 
Mt: 
EN 


人 
FN 


大 20 外 
图 1.17 


7. 【等 告 】 选 项 


【警告 】 选 项 参数 如 图 1.20 所 示 。 该 选项 主要 用 来 设置 是 天 对 在 操作 过 程 中 发 生 的 一 


些 异 常 提出 警告 。 


8. 【PSD 文件 早 入 器 】 选 项 
【PSD 文 件 导 入 器 】 选项 参数 如 图 1.21 所 示 。 该 选项 主要 用 于 进行 导入 Photoshop 图 像 


时 的 一 些 设置 。 





输入 方 业 人 和 日 当权 中 充 全 
Dial 
ee a 
52a) 
中 





图 1.19 


第 1 章 Flash CS5 基础 知识 


9. 【AT 文件 导入 器 】 过 项 
【AI 文件 导入 器 】 选 项 参数 如 图 1.22 所 示 。 主 要 用 于 进行 导入 Jiustrator 文件 时 的 一 
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图 1.20 i 1.21 图 122 


1.4.2 浮动 面板 的 设置 SS 
在 Flash CS5 中 , 浮 用 于 快速 oem 用 户 可 以 使 用 软件 黑 


认 的 面板 布局 ， 也 剖 要 显示 或 隐藏 a 
1. 恢复 系 白布 局 。 水 你 
NA 操作 界面 布局 恢复 到 默认 传统 的 面板 布局 。 
2. 自 定义 面 扳 布 局 





将 需要 设置 的 面板 调 到 界面 中 ， 如 图 1.23 所 示 。 
aaa 拖 动 面板 到 操作 界面 的 右 侧 ， 未 打扫 本 和 1.24 有 











图 123 图 124 
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1.4.3 【历史 记录 】 面板 


【历史 记录 ] 面板 主要 将 新 建 或 打开 后 的 文档 所 进行 的 操作 步骤 一 一 记录 下 来 , 便于 用 
户 查看 操作 的 步骤 。 

在 【历史 记录 】 面板 中 ， 可 以 有 选择 的 撤销 一 个 或 多 个 操作 步骤 ， 也 可 以 将 面板 中 的 
步骤 应 用 于 同一 对 象 或 文档 中 的 不 同 对 象 。 软 件 在 默认 状态 下 ，【 历史 记录 】 面 板 可 以 撤 
销 100 次 的 操作 步骤 , 用 户 也 可 以 根据 需要 在 【首选 参数 ] 面板 中 设置 不 同 的 撤销 步骤 数 ， 
数值 的 范围 为 2~300。 
提示 : 【历史 记录 】 面 板 中 的 步骤 顺序 是 扶 照 操作 过 程 一 一 对 应 记录 下 来 的 ， 不 能 进行 重 

新 排列 。 


在 菜单 栏 中 单 击 i wr 
面板 ， 如 图 1.25 所 示 。 在 文档 中 进行 操作 后 ，【 
录 , 如 图 1.26 所 示 ， 其 中 七 图 标 所 在 的 位 置 就 是 尖 

将 局 图 标 移动 到 某 一 个 操作 步骤 时 ,部 Nd 
此 时 ， 再 进行 步 台 操 作 时 ， 原 来 显示 为 灰 鲜 的 
所 示 。 在 【历史 记录 ] 面板 中 , 已 绿 泊 沾 销 的 










10 组 合 键 ), 弹出 [历史 记录 】 
面板 将 操作 步骤 按 顺 序 进行 记 
行 的 操作 步骤 。 

和 he 





图 125 图 126 图 127 图 128 
在 Flash CS5 中 , 【历史 记录 ] 面板 可 以 显示 操作 对 象 的 数据 。 操 作 方法 是 ， 在 【历史 
记录 】 面板 中 右 击 , 在 弹出 的 快捷 菜单 中 单 击 宙 可 一 二 可 一 示 RE 合 令 ， 如 图 1.29 所 示 。 此 
时 ， 在 面板 中 显示 操作 对 象 的 具体 参数 ， 如 图 1.30 所 示 。 


ER 
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mmr ese 
耕 工 具 理 于 宁 时 地支 全 





三 工具 捕 寺 中 泽 示 javascript 
图 1.29 1.30 
用 户 可 以 将 【历史 记录 ] 面板 中 的 操作 步骤 清除 。 操 作 方法 是 : 在 【历史 记录 ]】 面板 
中 右 击 ， 在 弹出 的 快捷 菜 中 单 击 淹 $ 匹 si3&IH 命 令 ， 弹 出 提示 对 话 框 ， 如 图 1.31 所 示 , 单 击 
FE 按钮, 面板 中 的 操作 步骤 将 全 部 清除 , 如 图 1.32 所 示 , 清除 的 历史 记录 将 无 法 恢复 。 
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图 132 


1.5 常用 工具 的 基本 操作 
:EN 不 同 之 
使 用 【铅笔 】 工 具 跟 平时 使 用 的 铅 


1.5.1 【直线 】 工 具 和 【铅笔 】 工 具 


(直线 ) 工 具 和 有 (铅笔 工具 都 是 绘制 线条 的 
处 在 于 使 用 【直线 】 工 具 只 能 绘制 不 同 角度 的 
笔 一 样 ， 能 绘制 各 种 不 同 的 线条 。 


下 面 介绍 (铅笔 ) 工 具 的 使 用 。 

(DD 在 工具 箱 中 单 击 产 后 笔 ) RE 铅笔 模式 ] 中 选择 一 种 模式 ,如 图 1.33 所 示 。 

四: 直线 化 模式 可 画 出 3 本 和 栅 圆 形 、 矩 形 和 正方 形 
的 图 形 转换 为 相应 的 标准 2 

Em: 平滑 模式 可 画册 平滑 的 曲线 。 

Eg: 在 里 水 并 模 芭 下 可 随 音 面 线 。 

人 ) 打开 x 的 【属性 】 1.34 所 示 , 在 属性 面板 中 设置 绘图 的 属性 。 








"| 


v[ 吕 | 直立 





图 1.33 图 1.34 


G3) 如 果 需 要 自 定义 线 型 , 单 击 雪 (编辑 笔触 样式 ) 按 钮 , 弹出 如 图 1.35 所 示 的 【笔触 样 
式 】 对 话 框 ， 可 以 根据 自己 的 需要 设置 该 对 话 框 。 





图 135 





[Femme 

su : 在 ss 一 下 拉 列 表 框 中 选择 一 种 类 型 ， 其 中 包括 【 详 线 】、【 虚 线 】、 
【点 状 续 】、【 锯 齿 状 】、【 点 描 】、【 现 马 线 ] 等 ,对 于 每 种 类 型 的 后 条 均 有 其 相应 的 先 项 。 

fi， 和] 选 Psm 友 复 选 框 可 以 使 浏览 框 中 的 对 象 以 4 信 放 大 显示 , 以便 观察 。 

We ; 在 93 下 拉 列 表 框 中 可 以 选择 线条 的 完 度 ， 也 可 以 直接 在 文本 框 中 输入 所 
需要 的 线条 宽度 。 

ees : 选中 DBzaesm 复 选 枉 ， 有 角度 的 线条 的 角度 将 较 类 锐 。 

(9) 设置 好 所 有 参数 后 ， 利 用 【铅笔 工具 直接 在 工作 区 域 中 拖 动 ， 即 可 创建 相应 的 
线条 ， 如 图 1.36 所 示 。 





提示 : 选择 【铅笔 】 工 具 ， aonnuaau 可 绘制 出 水 平 或 坚 直 的 线 


条 。 回 选择 【直线 】 a Sh 键 的 同 陡 起 动 所 标 ， 可 绘制 出 水 平 、 竖 直 、 
45° 的 信 数 直线 条 -多 


wim >on 








1.5.2 【椭圆 】 工具 ] 工具 

使 用 O ; Degrade anna, 用 户 可 设置 
图 形 的 内 部 着色， 并 可 以 为 拒 形 设 置 不 同 的 园 角 。 

1. 绘制 短 形 

(DD 单 击 口 6E 下 ) 工 具 。 


(2) 在 浮动 面板 中 设置 【矩形 】 工 具 属 性 , 具体 设置 如 图 1.37 所 示 。 

(3) 在 舞台 中 用 鼠标 抒 出 一 个 拭 形 ,如 图 1.38 所 示 。 在 【矩形 】 工 具 属性 面板 中 设置 
不 同 的 额 色 、 边 框 粗细 、 边 框 线 型 和 填充 颜色 。 如 图 1.39 所 示 , 设置 不 同 边框 属性 和 填充 
额 色 后 ,绘制 的 图 形 效果 。 
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图 137 图 138 图 139 
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2. 绘制 杭 图 


(DD 单 击 〇 ( 梢 圆 江 具 。 

(2) 在 浮动 面板 中 设置 【 梢 圆 】 工 具 属 性 ,具体 设置 如 图 1.40 所 示 。 

G3) 在 舞台 中 拖 动 息 标 ,绘制 出 一 个 如 图 1.41 所 示 的 图 形 。【 栅 圆 】 工具 属性 面板 中 
设置 不 同 的 额 色 、 边 框 粗细 、 边 框 线 型 和 填充 额 色 。 如 图 1.42 所 示 , 设置 不 同 边框 属性 和 
填充 颜色 后 ， 绘 制 的 图 形 效果 。 
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图 1.40 图 1.42 
提示 : as hift 庆 ， ee 
1.5.3 【钢笔 】 工具 
如 果 需 要 绘 线 、 a 外 ( 岗 笔 ] 工 具 绘 制 , 使 用 【钢笔 】 
的 形状 。 例 如 ， 可 以 将 直线 调整 为 曲线 ， 也 


工具 绘制 的 # 其 节点 ， 以 
rem 【钢笔 】 工具 还 可 以 调整 由 其 他 Flash 工具 创建 的 图 形 上 的 节点 。 
例如 ， 由 【铅笔 ] 工具 、【 栅 圆 】 工 具 和 【 疮 形 ] 了 工具 创建 的 图 形 节点 。 

绘制 曲线 的 操作 步骤 如 下 。 

《D) 在 工具 箱 中 单 击 4 钢笔 工具。 

(2) 在 舞台 上 单 击 , 确定 曲线 的 第 一 个 点 , 如 图 1.43 所 示 。 

(3) 再 在 舞台 中 的 适当 位 置 单 击 ， 拖 动 扎 标 ， 得 到 如 图 1.44 所 示 的 图 形 。 

(9 松 开 鼠 标 ， 效 果 如 图 1.45 所 示 。 


~ 


图 1.43 图 1.44 图 1.45 


提示 : 中 单 击 曲线 终止 点 ， 单 击 工具 箱 中 的 【人 钢笔】 工具， 或 在 曲线 外 校 住 (CtrD) 链 单 击 
鼠标 ， 均 可 以 结束 对 开放 曲线 的 绘制 。 回 将 【钢笔 ] 工具 移 至 曲线 起 始点 处 ， 当 位 
置 正确 时 在 【钢笔 】 工 具 右 下 角 会 出 现 一 个 小 国 加， 单 击 可 绘制 闭合 曲线 。 


Fam: 
1.5.4 【刷子 ] 工具 


使 用 7( 便 子 ) 工 县 可 以 绘制 出 县 有 书法 效果 的 线段 , 并 可 以 通过 改变 刷子 的 尺寸 来 模拟 
钢笔 和 其 他 对 按压 敏感 的 书写 工具 。 在 绝 大 多 数 数码 笔 和 压力 传 感 板 上 ， 可 通过 改变 笔 刷 
的 粗细 发 生变 化 。 使 用 数码 笔 和 压力 传 感 板 可 以 设计 出 更 加 专业 的 美术 效果 。 

单 击 工具 箱 中 的 x 仙子 ) 工 具 , 在 工具 箱 中 可 以 设置 刷子 的 【刷子 模式 】、【 刷 子 大 小 】、 
【刷子 形状 】 三 个 选项 。【 刷 子 模式 】 如 图 1.46 所 示 。 

(DD 标准 绘画 : 选择 [SEE9 模 忒 ， 绘 制 的 内 容 将 覆盖 同 层 的 线条 和 颜色 填充 区 。 

(2) 颜料 填充 : 选择 |SEES 模 式 ， 对 空白 区 域 和 颜色 填充 区 域 绘图 ， 线 条 不 受 影响 。 

(3) 后 面 绘制 : 选择 IEEa3 模 式 ， 在 舞台 的 空白 处 绘图 ， 有 内 容 的 地 方 不 受 影响 。 

(和) 颜料 选择 : 选择 msaae 模 式 ， 对 当前 选择 的 新 图 。 

(5) 内 部 绘画 ; 选择 le 模式 ， 仅 对 填充 区 绘 不 受 影响 。 在 这 种 模式 下 不 
必 担心 绘制 到 颜色 填充 区 以 外 。 

从 【刷子 模式 】 的 其 他 两 个 下 拉 菜 单 中 
充 颜色 ) 按 钮 ， 在 弹出 的 下 拉 列表 中 选择 所 需 


出 如 图 1.47 所 示 的 图 形 。 人 







大 小 和 形状 ， 并 单 击 工具 箱 的 (是 
。 设 置 好 后 ,利用 【刷子 】 工具 绘制 


图 1.47 





1.5.5 【橡皮 控 】 工具 


使 用 【橡皮 掠 ] 工具 ， 可 擦 除 线条 和 内 部 填充 的 额 色 。 根 据 护 除 方式 的 不 同 ， 可 迅速 
对 对 象 线条 和 内 部 填充 额 色 进行 掠 除 (也 可 以 只 护 除 线条 或 内 部 填充 额 色 的 一 部 分 )， 还 可 
以 设置 橡皮 挤 的 形状 和 尺寸 。 

橡皮 挤 模 式 一 共有 5 种 ， 如 图 1.48 所 示 。 

(1) 标准 扩 除 : 选择 9 本 到 模式 ， 探 除 同一 层 的 线条 和 额 色 填充 。 

(2) 护 除 填 色 : 选择 |eEEEz3 模 式 ， 仅 捞 除 颜色 填充， 线条 不 受 影响 。 

(3) 扩 除 线条 : 选择 [SEE 模式 ， 仅 据 除 线条 ， 颜 色 填 充 不 受 影响 。 

(4 摘除 所 选 填充 : 选择 隅 HE 模式 ， 仅 拉 除 当前 被 选择 的 冰 色 填充 , 而 对 于 线条 ， 
不 管 是 否 选择 ， 都 不 受 影响 。 

(5) 内 部 护 除 : 选择 加 区 硬 异 式 ， 仅 扩 除 最 先 单 击 区 域 的 阁 色 填充 ， 如果 该 区 域 为 空 
白 ,那么 任何 对 象 都 不 被 探 除 。 该 模式 下 线条 不 受 影响 。 

如 果 单 击 至 (沙龙 头 ) 按 钮 ， 只 需 单 击 线条 或 内 部 填充 区 域 中 的 某 处 , 即 可 所 除 线条 或 填 
充 颜 色 ， 其 作用 与 先 选择 线条 或 内 部 填充 区 域 ， 然 后 按 Delete 键 删除 的 效果 一 样 。 

利用 【橡皮 皖 】 工 具 拓 除 如 图 1.49 所 示 的 图 片 ， 效 果 如 图 1.50 所 示 。 
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图 1.48 149 1.50 
1.5.6 【 篆 头 选择 】 工 具 


利用 (箭头 选择 ) 工 具 可 以 选择 整个 对 象 或 对 象 的 一 部 分 汉 这 取决 于 所 选 对 象 的 类 型 。 
下 面 分 别 对 选择 不 同类 型 的 对 象 进行 报 述 。 

(了 ) 如 果 选 择 对 象 是 “形状 ”， 单 击 * (箭头 ) 工 具 6 
填充 颜色 可 选择 色 块 及 轮廓 ， 双击 线条 可 选择 对 

(2) 如 果 选 择 的 对 象 是 “组 合 ”、“ 符 号 
个 对 象 。 还 可 以 用 ede 

(3) na 和 


被 选择 。 
区 me 可 以 按 ~ 
(5) 要 选择 当前 图 展 上 的 饥 有 对 象 ， 可 以 在 午间 给 ”上 单 击 当 前 图 层 上 的 当前 由。 
J pe 调整 为 如 图 1. 52 所 示 的 图 形 。 


® x 


图 1.51 图 1.52 
1.5.7 【部 分 选取 】 工 具 


利用 8% 全 [分 选 职 ) 工 具 选择 对 象 后 ， 对 象 边框 以 路 径 方式 显示 。 边 框 上 有 许多 节点 时 ， 
编辑 这 些 节点 可 以 更 改 边框 的 形状 。 对 于 有 内 部 填充 的 图 形 ， 编 辑 边 框 形状 时 其 内 部 的 填 
充 会 自动 随 边框 改变 填充 的 范围 。 

如 作 方 法 如 下 。 

(DD 利用 &( 部 分 选 职 江 具 单 击 图 形 对 象 的 边框 ， 边 框 线 上 将 显示 节点 。 

(2) 单 击 某 个 节点 ， 节 点 两 边 会 出 现 控 制 柄 。 

(3) 拖 动 节点 会 改变 图 形 的 形状 ， 拖 动 控 制 柄 会 改变 曲线 的 避 度 。 

利用 &( 部 分 选取 ) 工 具 选 择 如 图 1.53 所 示 的 图 形 节点 ， 选 择 后 如 图 1.54 所 示 ， 对 节点 
进行 调整 后 的 效果 如 图 1.55 所 示 。 










部 分 线条 或 填充 色 块 ; 双击 
有 线条 。 

人 “位 图 ”, 单 击 * (箭头 ) 工 具 即 可 选择 整 
多 域 ， 将 区 域 中 的 对 象 全 部 选择 。 

， 则 双击 其 中 的 一 条 ， 相 连接 的 所 有 线条 都 









一 


图 1.53 图 155 


1.5.8 【 套 索 】 工具 


使 用 ?( 套 素 ) 工 具 对 所 选择 的 范围 进行 勺 选 ， Wt 的 对 象 。 
【 套 索 】 工具 的 操作 方法 如 下 。 


(D 单 击 ?P(E 系 ) 工 具 。 < 
(2) 在 工具 箱 的 选项 中 选择 一 种 选择 工具 j+ 6 所 示 。 


对 这 些 工具 及 其 相关 设置 说 明 如 下 。 
吕 多 边 形 套 索 工具 : 选择 8 多 边 形 ， 可 以 勾 选 出 多 边 形 选区 ， 双 击 即 可 结束 
选择 。 


^( 价 木 棒 ) 工 县 : 选择 ~( 雁 术 禄 丰县， 可 在 分 离 的 位 图 上 选择 相同 的 额 色 。 
仿 ( 价 术 棒 设置) 工具 : op 出 如 图 1.57 所 示 的 【魔术 棒 设 


置 】 对 活 框 。 
(D mmm 在 2 认定 义 选 择 范围 内 相 邻 像素 闫 色 值 的 相 
近 程 度 。 数 值 越 大 9 让 择 范围 域 大 。 x 
0@) ma pL eT 拉 列 表 中 光阴 没 轩 边 结 的 平滑 程度 ， 如 图 158 所 示 。 







魔术 棒 ] 工 具 | 
Pf 座 术 棒 设 置 ] 工具 








1.5.9 【 盈 水 瓶 】 工 具 


使 用 w 畦 水 瓶 ) 工 具 可 以 设置 对 象 的 线 型 类 型 、 颜 色 及 大 小 。 
入 作 方 法 如 下 。 

{D) 单 击 护 (墨水 新 工具 。 

(2) 设置 【属性 ] 面板 如 图 1.59 所 示 。 

{3) 在 如 图 1.60 所 示 的 图 形 边缘 单 击 。 

{49 得 到 如 图 1.61 所 示 的 图 形 。 
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了 ] 加 性 条 


PE 
入 全 :一 ”内 生 和 


图 1.59 图 1.60 图 1.61 
1.5.10 【颜料 桶 】 工 具 


外 (着 料 袖 ) 工 具 用 于 填充 封闭 对 象 的 内 部 填充 ， 耻 全 香 室 昌 对 象 进行 填充 ， 也 可 以 改 
变 对 象 内 部 原 有 的 亲 色 ， 并 且 可 以 扩充 为 纯色 、 淹 绾 部 动 们 图。 使 用 【 癌 科 桶 】 工 具 还 可 
以 调整 渐变 色 和 位 图 的 尺寸、 re 

绎 作 方法 如 下 。 

(D 单 证 工具 箱 中 的 【 颌 料 桶 】 工具 

(2) 在 工具 箱 的 下 边 选 择 一 种 请 蓉 8 

不 封闭 宇 阶 ， 所 选择 的 博 充 区 时 辣 的 ,区 外 ， 只 有 生动 二 


口 之 后 才能 进行 填充 。 封 闭会 和、 封闭 中 等 宝 阶 / 圭 半 大空 阶 ; 这 三 者 的 作用 者 星 自动 
封 填 充 有 空隙 的 对 象 X 刀 是 3 个 选 顶 在 多 旋 庙 沁 的 大小 上 有 所 不 同 。 
和 ey 观 ， 但 并 不 能 改变 殷 口 的 实际 尺寸 。 所 以 
pee nm 就 必须 手动 进 笃 调 款 。 
(3) 将 如 图 1.63 所 示 的 图 形 填充 为 如 图 1.64 所 示 的 图 形 。 


ls 
© Tum 















OO HOP 
© Hm 


图 1.62 图 1.63 图 1.64 

将 图 片 拖 到 舞台 中 , 并 将 其 分 高 , 单 击 必 (颜料 桶 ) 工 具 , 选择 一 种 填充 模式 , 单 击 Z0 及 
管 ) 工 具 ,在 分 高 的 图 片上 单 击 , 再 在 需要 填充 的 图 形 上 单 击 , 填充 出 如 图 1.64 所 示 的 效果 。 
1.5.11 【吸管 】 工具 

使 用 划 吸 管 ) 工 具 可 以 采集 线 型 或 内 部 填充 的 信息 , 并 将 其 应 用 到 其 他 图 形 上 , 还 可 以 
对 位 图 取样 ,以 便 填 充 出 其 他 区 域 。 

荔 吸 管 ) 工 具 的 使 用 要 配合 【填充 】 工 具 和 【墨水 瓶 】 了 工具 的 使 用 ， 操 作 方法 如 1.5.10 
节 相 关内 容 所 述 。 





Fr: 
1.5.12 【文字 ] 工具 


A( 文 字 ) 工 具 是 Flash CS5 中 的 一 个 重要 工具 , 文字 的 形式 可 分 为 3 种 : 静态 文本 、 输 
入 文本 和 动态 文本 。 文 字 的 输入 方式 也 有 两 种 : 连续 输入 方式 和 固定 文本 框 输入 方式 。 

文本 的 操作 方法 如 下 。 

(D 连续 输入 方式 : 单 击 工具 箱 中 的 A( 文 字 ) 工 具 ,在 浮动 面板 中 设置 文字 属性 如 图 1.65 
所 示 。 在 舞台 或 工作 页 面 中 需要 输入 文字 的 地 方 单 击 ， 然 后 输入 文本 或 粘贴 文字 。 

中 静态 文本 : 直接 在 舞台 或 工作 页 面 中 输入 文字 ， 以 显示 文本 的 输入 。 

加 动态 文本 : 用 来 动态 链接 网 址 或 网 页 。 例 如 , 单 击 A( 文 字 ) 工 具 、 设 置 【属性 】 面 
板 ， 如 图 1.66 所 示 。 在 舞台 中 输入 “连接 到 新 浪 网 ”。 在 选中 文字 的 情况 下 ,在 【属性 ] 
面板 号 选项 的 右边 的 输入 框 中 输入 网 址 “http-//www.sing.co 拓 a”, 如 图 1.66 所 示 , 在 测 
试 或 运行 时 ， 单 击 “ 连 接 到 新 浪 网 ”的 文字 ， 这 时 就 会 惫 动 跳 到 新 浪 网 主页 。 













Wi 二 亲生 本 沁 生 点 
:二 村 名 要 各 1 信守 
行为 :了 元 








图 1.65 图 1.66 图 1.67 


加 输入 文本 : 主要 用 来 制作 登录 口令 或 密码 输入 框 。 

(2) 固定 文本 框 输入 方式 : 单 击 工具 箱 中 的 A 文字) 工具 , 设置 【属性 】 面板, 在 舞台 
或 工作 页 面 中 从 左上 和 角 往 右 下 角 拖 出 一 个 文本 框 ， 此 时 就 可 以 在 拖 出 的 框 中 输入 或 粘贴 文 
字 ， 如 果 文字 过 多 ， 系 统 会 自动 换行 。 

(3) 利用 Flash 基本 工具 制作 一 个 如 图 1.67 所 示 的 效果 , 当 单 击 “163 网 站 ”的 文字 时 ， 
将 自动 跳 到 163 网 站 的 主页 。 
提示 : 使 用 动态 文本 ， 将 前 画 的 属性 面板 中 的 “http-Wwwwsinacom.cn” 网 址 改 为 

“http-/www.163-com” 即 可 。 
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总 结 : 

本 章 主要 介绍 了 Flash CS5 的 启动 、 工 具 箱 中 每 个 工具 的 基本 作用 、 动 画 的 概念 及 其 
基本 原理 、 脚 本 语言 的 基础 各 识 、 什 么 是 舞台 、Flash CS5 的 常见 术语 以 及 Flash CS5 的 系 
统 配置 。 
作业 : 

一 、 境 空 题 

1 动画 是 一 门 在 某 种 介质 上 记录 一 系列 画面 , 并 通过 一 定 的 速率 回放 所 记录 


的 画面 而 产生 ”的 技术 。 
2. 在 FlashCS5 中 动画 的 基本 类 型 主要 有 、 、 4 种 。 
3. 动作 脚本 (ActionScripb 是 Flash 中 能 够 面向 编程 的 语言 。 它 的 使 用 不 
保 使 动 男 有 具有 ， We 男 效果 。 

二 、 简 答题 

1. 说 明 矢 量 图 形 与 位 图 图 像 之 间 的 

2. 简 述 Flash CS5 的 系统 配置 
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y 说 明 : 

本 部 主要 通过 11 个 案例 未 讲解 Flash CS5 的 基本 给 图 知识 及 浮动 面板 的 设置 和 使 用 ， 
前 面 几 个 例子 比较 简单 ， 作 为 后 面 各 章 内 容 学 习 的 基础 ， 后 面 的 几 个 例子 有 一 定 难度 ， 为 
提高 学 生 给 图 能 力 ， 教 师 或 学 生 可 以 根据 自己 的 实际 情况 选择 讲解 或 练习 。 


教学 建议 课时 数 : 
一 般 情况 下 党 二 课时 ， 其 中 理论 4 课时、 实际 操作 8 课时 (根据 特 球 情况 可 做 相应 调整 )。 
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2.1 基础 知识 


2.1.1 元 件 和 实例 


元 件 是 指 一 个 可 以 重复 利用 的 图 形 、 影 片 努 辑 或 按钮 ， 它 保存 在 库 中 ; 实例 是 指出 现 
在 舞台 上 的 元 件 或 小 套 在 其 他 元 件 中 的 元 件 。 

下 面 介 绍 元 件 的 作用 。 

(有) 元 件 的 运用 可 以 使 电影 的 编辑 更 加 容易 ， 因 为 当 我 们 需要 对 许多 重复 的 元 素 进行 
修改 时 ， 只 要 对 元 件 进行 修改 ，Flash CS5 en 
行 更 新 。 

(2) 在 电影 中 运用 元 件 可 以 显著 减少 文件 的 大 小 ,1 个 元 件 比 保存 每 个 出 现 的 元 素 
要 节省 更 多 的 空间 。 如 尾 一 张 静 态 的 美丽 背景 a 就 可 以 威 少 电影 文件 的 大 小 。 

(3) 可 以 加 快 电影 的 播放 ， 因 为 在 浏览 吕 件 只 需要 下 载 一 次 ， 这 样 就 节约 了 
时 间 。 


提示 :这 里 所 说 的 “元 件 ”， svat “图 符 ”。 


2.1.2 元 件 类 型 介绍 
打开 “基础 元 件 


NX 





图 2.1 


提示 : 元 件 类 型 的 区 别 主要 看 前 面 的 图 形 标志 ,加 代表 图 形 元 停 : 加 代表 影片 剪辑 元 件 : 画 
代表 按钮 元 件 。 


2.1.3 图 形 元 件 的 建立 


图 形 元 件 的 建立 有 如 下 两 种 情况 。 
(了 ) 将 当前 图 形 转化 为 图 形 元 件 : 在 需要 转化 的 图 形 上 右 击 , 在 弹出 的 快捷 菜单 中 单 
击 “…** 命 令 ， 此 时 将 弹出 如 图 2.2 所 示 的 【转换 为 元 件 】 对 话 框 , 设置 如 图 2.2 所 示 。 单 
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击 Cas_ 按钮 ， 此 时 即 可 将 图 形 转换 为 图 形 元 件 。 

(2) 新 建 图 形 元 件 : 单 击 国 加 一 ean- ee 命令 , 弹出 【创建 新 元 件 】 对 话 框 , 具 
体 设置 如 图 2.3 所 示 , 单 击 [ ”按钮 ,进入 图 形 元 件 创建 状态 ,此 时 就 可 以 进行 图 形 元 
件 的 创建 。 创建 完成 后 ， 单 击 时 间 轴 左上 角 的 四 EH 实 钮 ， 即 可 返回 场景 。 





图 2.2 






2.1.4 ”按钮 元 件 的 建立 


按钮 是 元 件 的 一 种 ， 它 可 以 根据 按钮 出 现 的 
作 。 在 按钮 中 可 以 放 入 图 形 元 件 或 影片 剪辑 元 


不 同 的 图 像 ， 并 且 会 响应 鼠标 动 
“能 在 一 个 按钮 中 放 入 另外 一 个 按钮 。 


1. 按钮 的 状态 RS 

在 特殊 的 编辑 环境 中 ， 通 过 上 创建 关键 帧 ， 可 以 指定 不 同 的 按钮 状态 ， 如 
图 2.4 所 示 。 

【 弹 起 】 帧 : 表示 鼠标 导 上 的 状 

【指针 经 过 ]】 帧 标 指针 在 按钮 

【 按 下 ]】 帧 : 单 击 按钮 时 的 状态 

【点 击 】 鼠标 做 出 反应 的 区 绩 ， 这 个 反应 区 域 在 电影 中 是 看 不 见 的 。 

2. 新 建 按 

WE 


{《D 通过 下 列 任 一 操作 开始 创建 新 元 件 。 

中 单 击 王 曾 -三 SN Qj 月 命 今 。 

加 单 击 【 库 ]】 面 板 底部 的 刍 按 钮 ， 或 者 在 【 库 】 面 板 的 菜单 栏 中 单 击 本 se- owe 
命令 。 

回 按 Ctrl8 组 合 键 。 

(2) 在 弹出 的 【创建 新 元 件 】 对 话 框 中 为 新 按钮 取 一 个 名 字 ， 并 选择 三 中 作为 元 件 
类 型 。 这 时 时 间 轴 转变 为 由 4 帧 组 成 的 按钮 编辑 模式 ， 如 图 2.5 所 示 。 





图 24 





ash C85 本 要 和 
(3) 创建 【 弹 起 】 帧 状态 的 按钮 。 可 以 利用 前 面 所 学 的 基本 工具 的 使 用 方法 制作 如 图 2.6 
所 示 的 图 形 。 








图 26 


(中 在 【指针 经 过 】 帧 上 右 击 ， 在 弹出 的 快 击 ~*e 命 令 , 第 一 帧 的 图 像 就 
出 现在 舞台 中 ， 单 击 按钮 图 形 ， 在 右边 的 【; 选择 一 种 填充 色 , 然后 改变 边框 样 


式 和 填充 颜色 ， 如 图 2.7 所 示 。 











用 
Sb 


图 2.7 


(5) 在 【 按 下 ] 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 zes 命令 , 【指针 经 过 ]】 帧 的 图 
像 出 现在 舞台 上 。 选 中 图 形 按钮 ， 在 右边 的 浮动 面板 对 图 形 的 属性 进行 修改 ,修改 后 的 图 
形 如 图 2.8 所 示 。 
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(9 在 【点 击 ] 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 wxes 命令 ， 插 入 关键 帧 。 

人 完成 后 , 单 击 时 间 轴 左上 方 的 要 得 按钮， 返回 场景 ， 此 时 会 发 现 库 中 出 现 了 刚才 制 
作 的 按钮 。 

(8) 如 果 要 使 用 按钮 ， 直 接 从 【 库 】 面 板 中 将 按钮 拖 到 舞台 中 即 可 。 如 果 对 制作 的 
按钮 感觉 不 满意 , 可 以 双击 按 鱼 井 入 按钮 的 编辑 状态 对 其 进行 编辑 , 方法 与 创建 按钮 时 一 样 。 

3. 启动 按钮 

在 编辑 电影 时 可 以 选择 是 否 启动 按钮 功能 。 启 动 按钮 功能 后 ， 按 钮 就 会 对 指定 的 饼 标 


事件 做 出 反应 。 一 般 情 况 下 ， 工 作 的 时 候 按钮 功能 是 被 禁止 的 。 启 动 按钮 功能 可 以 在 编辑 
状态 下 测试 按钮 ， 这 样 可 以 快速 测试 按钮 功能 是 否 令 人 满意 


按钮 功能 的 启动 方法 如 下 。 

单 击 册 -> seww9m 命 今 ， 此 时 eaween 命 今 一 个 “MY” 符号 , 表示 按钮 
功能 已 经 启动 。 同 次 和 让 这 入 特 桥 目 换 包 芒 作 人 
2.1.5 影片 剪辑 元 件 Kh 


1. 创建 新 的 说 片 剪 印 元 件 的 步 "RS 

(了 ) 可 以 通过 下 面 任 一 种 操 影片 剖 辑 。 

[0] pe Sg 

加 单 击 【 库 ] 窗 Es we 板 的 选项 菜单 中 单 击 Was06- crs 


命令 。 

自 按 Qe 着 
(2) 在 强 建新 元 件 】 本 并 选择 要 me 作为 元 件 
类 型 ， 这 时 Flish 转换 为 元 件 编辑 模式 ， 元 件 的 名 字 出 现在 舞台 的 左上 角 ， 且 窗口 中 有 一 
个 “十 ”字形 标记 ， 这 代表 元 件 的 定位 点 ， 如 图 2.9 所 示 。 





(3) 单 击 时 间 轴 的 第 一 帧 , 在 工作 区 中 绘制 一 幅 图 像 , 并 将 其 转换 为 图 形 元 件 , 如 图 2.10 
所 示 。 

(人 在 “图 层 1” 的 第 20 帧 处 右 击 ,在 弹出 的 快捷 菜单 中 单 击 开 es 命令 ， 如 图 2.11 
所 示 。 














图 2.10 


(5) 在 图 层 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 
如 图 2.12 所 示 。 用 铅笔 工具 在 工作 区 中 绘制 一 第 











图 2.12 图 2.13 


{9 单 击 “ 图 层 1” 的 第 1 帧 , 将 图 形 详 例 放 到 绘制 的 曲线 的 堪 端点 上 , 如 图 2.14 所 示 。 


| 
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《7) 单 击 “ 图 层 1” 的 第 20 帧 , 将 图 形 详 例 放 到 绘制 的 曲线 的 右 端 点 上 , 如 图 2.15 所 示 。 

(8) 在 “图 层 1” 的 第 1 帧 至 第 20 帧 之 间 的 任意 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 
wa 命令 ， 此 时 就 创建 了 一 个 补 间 动 画 ， 如 图 2.16 所 示 。 

0 单 击 时 间 币 左上 方 的 ena 近 记 ， a SN 






NE /He VN» 


SAN 








2. 将 动画 转换 为 影 片 
一 个 制作 好 的 动画 他 地 se 被 选取 的 对 象 


虽然 还 在 舞台 中 ， Rr 
转化 的 4 
(DD 按 住 刍 的 局 时 ， 在 时 | 间 铀 在 边 的 图 导 编 名 区 中 单 击 所 硅化 的 图 层 ， 以 选中 


转化 的 图 层 ， 如 图 2.17 所 示 。 
(2) 在 选中 的 任 一 帧 上 右 击 ， 在 弹出 的 快捷 某 单 中 单 击 we* 命 令 。 复 制 所 选 动画 帧 。 
(3) 单 击 本 一 maas09。 cv 命令， 弹出 【创建 新 元 件 】 对 话 框 ， 具 体 设置 如 图 2.18 


所 示 。 单 击 C 到 按钮 ， 进 入 元 件 编辑 模式 。 





图 2.17 2.18 


(9) 在 元 件 编辑 模式 的 编辑 状态 下 , 在 “图 层 1” 的 第 1 帧 上 右 击 , 在 弹出 的 快捷 菜单 
中 单 击 Ee 命 令 ， 将 所 选择 复制 帧 的 图 形 粘贴 到 元 件 编辑 模式 的 工作 区 中 ， 如 图 2.19 
所 示 。 

{5) 单 击 时 间 轴 左上 方 的 gz 按钮 ， 返 回 场景 ， 转 化 元 件 的 操作 即 完 成 。 














a 


2.1.6 创建 实例 
创建 元 件 后 , 就 可 以 将 元 件 应 用 到 ， 元件 一 旦 从 元 件 库 中 被 拖 动 到 舞台 中 ， 


它 就 变 成 了 实例 。 在 电影 中 的 所 有 创建 实例 ， 一 个 元 件 可 以 创建 多 个 实例 , 而 
且 拇 一 个 实例 都 拥有 各 自 的 属性 






应 用 各 实例 Hd 需 要 注意 ; 影 实例 的 创 画 的 图 形 实例 的 创建 是 不 同 的 。 
影片 剪辑 只 需要 一 个 帧 就 放 动 画 , 而 县 中 不 能 演示 动画 效果 ; 而 包含 动 
画 的 图 形 实例 ， 则 必 元 件 同样 长 的 ， 才 能 显示 完整 的 动画 。 

择 作 步 浊 


(D a 所 以 首先 需要 在 时 间 轴 上 选取 一 个 图 层 。 
如 果 没有 关 则 实例 将 被 添加 到 当前 帧 左边 的 第 1 关键 帧 中 。 


(2) 单 击 【 窗 口 〗 一 【 库 】 命 令 , 打开 【 库 ]】 面板 。 
(3) 从 库 中 选择 所 需要 的 元 件 并 将 其 拖 到 舞台 中 ， 这 个 元 件 在 舞台 中 就 变 成 了 实例 ， 
如 图 2.20 所 示 。 
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2.1.7 编辑 实例 

在 舞台 中 创建 元 件 实例 后 , 则 每 个 实例 都 有 其 自身 的 元 件 属 性 ,可 以 使 用 实例 【属性 】 
面板 编辑 实例 的 属性 ， 包 括 实例 的 阁 色 、 透 明度 和 亮度 ， 也 可 以 设置 实例 显示 模式 或 者 改 
变 实 例 的 类 型 。 在 默认 情况 下 ， 实 例 类 型 和 元 件 类 型 是 一 致 的, 但 也 可 以 在 实例 面板 中 指 
定 其 他 类 型 。 这 些 修改 只 影响 交 例 而 不 会 影响 元 件 。 

1. 蔡 摘 实例 

在 舞台 上 创建 交 例 后 ， 也 可 以 为 交 例 指定 另外 的 元 件 ， 念 舞台 上 出 现 一 个 完全 不 同 的 
实例 ,而 原来 的 交 例 属性 不 会 改变 。 


为 交 例 指定 不 同 元 件 的 择 作 步骤 如 下 。 
(D 选中 舞台 中 的 实例 ,实例 【属性 】 面 板 如 图 2.21 
示 的 【交换 元 件 】 对 话 框 。 





{2) 在 实例 属性 面板 中 单 击 靶 本 按钮 ,弹出 如 图 2 





(3) 从 列表 中 选择 需要 蔡 换 的 元 件 , 如 图 2.23 所 示 , 单 击 [ _ 确 二 ”| 按钮 , 即 葵 换 成 功 ， 
如 图 2.24 所 示 。 





图 2.23 


2. 改变 实例 类 型 
在 舞台 中 创建 实例 后 ,该 实例 最 初 的 属性 就 都 继承 了 其 链接 的 元 件 类 型 。 可 以 通过 实 
例 【属性 】 面 板 来 改变 实例 的 类 型 ， 如 图 2.25 所 示 。 


Fam: 

在 实例 【属性 】 面板 中 , 实例 的 类 型 下 拉 列 表 框 中 有 3 种 类 型 的 元 件 类 型 : 影片 剪辑 、 
按钮 、 图 形 。 改 变 实例 类 型 的 具体 设置 说 明 如 下 。 

1D【 影 片 剪 辑 】 选 项 

在 实例 选择 【影片 剪辑 】 选 项 后 ， 可 以 在 类 型 选项 上 方 为 实例 输入 一 个 名 字 , 以 便 在 
影片 中 控制 这 个 实例 ,如 图 2.26 所 示 。 





医 一 一 


图 2.25 将 - 图 2.26 
力 【 按 角 】 选项 
在 选择 【 按 要 】 选 项 后 ,实例 加 图 2.27 所 示 ， 在 交换 元 件 的 下 拉 列 表征 


【 
中 有 两 个 选项 可 以 进行 选择 。 SS 
[io: bn 上 发 出 的 事 使 4 例如 ， 在 一 个 按钮 上 按 住 饼 标 左 
键 ， 再 将 按钮 拖 动 到 另 一 人 沟 放 鼠标 左 键 ， 个 按钮 不 起 作用 。 







示 接收 具有 同样 性 质 的 的 事件 。 


3) 【图形 】 先 I 
页 后 , 实例 【 如 图 2.28 所 示 。 在 交换 元 件 的 下 拉 列表 框 
中 有 3 个 选项 Ni 县 n 下 。 





图 2.27 图 2.28 

ER 一 品 ,表示 令 包 合 在 当前 实例 中 的 序列 动画 循环 播放 ， 循 环 的 次 数 同 实例 
所 占 的 帧 数 相同 。 

[Ex 表示 从 指定 帧 开始 ， 只 播放 一 次 动画 。 

国 二 :显示 序列 动画 的 指定 一 帧 。 

当 改变 实例 类 型 

如 作 步 台 如 下 。 

(了) 选 了 舞台 中 的 交 例 ， 则 在 工作 区 下 方 显示 出 交 例 的 【属性 】 面 板 。 
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{2) 从 实例 【属性 ]】 面板 的 类 型 下 拉 列 表 框 中 选择 新 的 类 型 。 

(3) 设置 新 类 型 的 各 种 属性 ， 则 实例 变 为 新 的 类 型 。 

3. 改变 颜色 效果 

元 件 的 每 一 个 实例 都 可 以 有 不 同 的 额 色 效果 ， 利 用 这 一 属性 可 以 制作 各 种 渐变 动画 。 
要 改变 详 例 的 颜色 和 透明 度 ， 可 以 从 交 例 【属性 】 面 板 中 的 颜色 下 拉 列 表 框 中 选择 ， 可 供 
选择 的 选项 包括 以 下 几 种 。 

(D 【亮度 】: 用 来 调节 图 像 的 相对 亮度 和 暗 度 。 明亮 值 的 范围 在 -100%~~100%,，100% 
表示 日 色 , -100% 表 示 黑 色 , 默认 值 为 0。 设置 时 可 以 直接 输入 数值 , 也 可 以 通过 拖 动 滑 杠 
来 进行 调节 ， 如 图 2.29 所 示 。 

(2)【 色 调 】: 用 来 为 各 实例 增加 某 种 色调 。 互 ee 也 可 以 直 









接 输入 红 、 绿 、 蓝 的 阁 色 值 ， 另 外 还 可 以 使 用 游标 设置 色调 值 的 范围 在 0%~ 
100%, 数值 为 094 寺 表示 实例 颜色 不 受 影响 ， 数 值 为 表示 实例 额 色 完 全 饱和 , 所 
选 丘 色 将 完全 取代 实例 的 原 有 阁 色 ,如 图 2. we} 





图 2.29 230 
(3) 【Aipha】: 【颜色 】 中 的 Alpha 用 来 设 定 实例 的 透明 度 ， 其 值 范围 在 0% 一 100%。 
数值 为 0% 时 实例 完全 不 可 见 ， 数值 为 100%8 二 表示 实例 完全 可 见 。 设 置 时 可 以 直接 输入 
数字 ， 也 可 以 通过 拖 动 滑 杠 来 进行 调节 ,如 图 2.31 所 示 。 
= 【高 级 】: 用 来 调整 实例 中 的 红 、 绿 、 蓝 颜色 和 透明 度 。 单 击 【高 级 】 选 项 后 的 


… 按钮， 将 弹出 如 图 2.32 所 示 的 对 话 框 。 


SN 











图 2.32 


Fr 


在 该 对 话 框 中 可 以 直接 输入 红 、 绿 、 蓝 颜色 值 ， 也 可 以 通过 使 用 滑 杠 来 进行 调整 ， 其 
数值 范围 为 0" 一 100”%， 当 在 位 图 图 像 的 对 象 上 创建 动画 的 微妙 颜色 效果 时 ， 该 选项 非常 
有 用 。 设 置 完 成 后 ， 单 击 亡 蚂 _ 按钮 由 可 。 

4- 分 高 实例 


实例 不 能 像 图 像 或 文字 那样 改变 填充 色 。 如 果 想 改变 实例 的 填充 色 , 可 以 将 实例 分 离 ， 
将 其 变 为 一 般 图 形 朋 进行 调整 。 实 例 分 离 后 ， 将 会 切断 其 与 元 件 的 关系 ， 除 了 对 元 件 本 身 
没有 影响 外 ， 对 引用 该 元 件 的 其 他 实例 也 没有 影响 ， 如 图 233 所 示 。 
cm | 

















将 实例 分 高 的 操作 步骤 如 下 。 

(1) 在 需要 分 高 的 实例 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 世 于 命令 , 则 该 实例 分 高 为 
矢量 图 形 。 

(2) 用 工具 箱 中 的 【选择 】 工 具 对 分 高 后 的 图 形 进行 修改 。 
2.1.8 引用 其 他 电影 元 件 


在 Flash CS5 中 , 可 以 直接 打开 其 他 电影 的 【 库 】 面板， 而 无 需 打开 该 电影 文件 , 并 且 
可 以 在 当前 电影 中 使 用 已 打开 的 元 件 库 中 的 元 件 。 

在 当前 电影 中 引用 其 他 电影 元 件 的 操作 步 邓 如 下 。 

(D 按 Ctrl*Shift+O 组 合 键 ， 打开 【作为 库 打 开 】 对 话 框 ， 如 图 2.34 所 示 。 

(2) 在 打开 的 对 话 框 中 选择 电影 文件 ， 单 击 【 和 确定】 按钮， 这 时 会 出 现 该 电影 的 【 库 】 
面板 , 选项 菜单 中 的 命令 和 左上 角 的 图 标 为 灰色 , 表示 这 些 命令 和 图 标 不 能 工作 , 如 图 2.35 
所 示 。 

{3) 从 打开 的 库 中 将 元 件 抑 到 舞台 中 ， 则 元 件 成 为 当前 电影 中 的 实例 ， 同 时 该 元 件 也 
被 复制 到 当前 电影 的 库 中 ， 如 图 2.36 所 示 。 


痢 
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2.2 图 形 工具 的 简单 案例 


2.2.1 案例 一 : 纸 念 子 的 制作 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘制 / 纸 盒 子 的 制作 .swf” 文件。 通过 
预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 埠 形 、 直 线 、 填充 和 任意 变形 工 
县 绘制 一 个 打开 的 立方 体 辣 子 。 通 过 该 秦 例 的 学 习 , 使 学 生 熟 练 拿 握 矩 形 、 直 线 、 填 充 和 
任意 变形 工具 的 使 用 方法 、 技 巧 以 及 透视 原理 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 





Fes re 





案例 制作 的 大 致 步骤 ， 





工具 ， 洽 给 创 的 立 







使 月 直线 和 和 琵 形 工具 ， 利 请 
透视 技法 原 王 ,给 制 立方 体 效 果 。 








使 月 填充 工具 ， 立 a 给 全 


立方 体 的 盖子 。 
Ee 


双击 盟 图 标 ,弹出 如 图 2.37 所 示 的 对 话 框 ， 单 击 8 “ew 选项 ,新 建 一 个 空白 文档 。 
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2. 制作 纸 念 子 体 


步骤 1: 单 击 马 虐 形 ) 工 具 ,将 肥 马 触 颜 色 ) 设 置 为 灰色 ,将 蓉 和 (填充 蜂 色 疫 置 为 6 有， 
单 击 思虑 形 ) 工 具 ,， 在 舞台 上 绘制 如 图 2.38 所 示 的 矩形 , 单 击 型 (任意 变形 ) 工 具 , 此 8 矩形 
四 周 出 现 8 个 黑色 的 小 方块 ， 如 图 2.39 所 示 ， 把 鼠标 指针 移 到 矩形 的 上 边 , 按 住 饼 标 左 键 
不 放 ， 向 右 拖 动 ,使 矩形 变 成 如 图 2.40 所 示 的 效果 ， 松 开 鼠 标 ， 再 将 鼠标 指针 移 到 抢 形 顶 
边 中 间 的 小 黑 块 上 ， 并 向 下 移动 ， 合 矩形 变 成 如 图 2.41 所 示 。 


| | A a 
图 238 图 240 图 2.41 
步骤 2: 选择 如 图 2.41 所 示 的 图 形 ， 人 然后 单 击 EL 
单 击 IEEEUiczagarxzxma 命 令 ， 所 示 一 样 的 拒 形 ， 按 键盘 上 的 + 键 ， 


使 复制 的 拭 形 垂直 向 上 移动 ,得 到 如 图 2. 形 。 
步骤 3: 单 击 21( 线 条 ) 工 具 , 将 示 的 图 形 用 直线 连接 成 如 图 2.43 所 示 的 图 形 。 
步骤 4: 单 击 * (选择 ) 工 具 ， 这 键 的 同时 ， 按 如 图 2.44 所 示 选 中 直线 ， 并 按 
Delete 键 ， 将 选中 es 2.45 所 示 的 
一 鸡 人 一 pa 
OP 人 
图 2.42 图 2.43 图 2.44 图 245 


步骤 5: 单 击 侨 料 桶 ) 工 具 ， 并 将 填充 额 色 设 置 成 “ 淡 蓝 色 ”, 单 击 立方 体 的 前 面 ， 
得 到 如 图 2.46 所 示 的 图 形 ， 用 同样 的 方法 将 右 侧面 填充 为 “ 浅 蓝 色 ”, 如 图 2.47 所 示 , 将 
内 侧面 填充 为 “法 灰色 ”, 如 图 2.48 所 示 。 


mm mf ta 


3. 制作 纸 金 子 的 盖子 


步骤 1: 单 击 * (选择 ) 工 具 ， 在 按 住 Shif 键 的 同时 ， 单 击 立方 体 顶 面 的 四 条 边 ， 得 到 
如 图 2.49 所 示 的 图 形 , 按 Ctrl+C 键 , 按 Ctrl+Shift+V 键 复制 一 个 平行 四 边 形 , 单 击 到 ( 任 
意 变 形 ) 工 具 , 得 到 如 图 2.50 所 示 的 图 形 , 并 将 任意 变形 的 中 心 点 移 到 如 图 2.51 所 示 的 位 置 。 





Fm: 


步骤 2: 将 鼠标 指针 移 到 被 选中 的 平行 四 边 形 的 前 边线 的 中 点 黑 块 上 , 按 住 鼠标 左 键 
不 放 并 向 上 移动 ， 得 到 如 图 2.52 所 示 的 图 形 位 置 。 


图 249 图 250 图 2.51 图 252 


步骤 3: 单 击 %( 额 料 桶 ) 工 县 ,并 将 其 填充 色 设 置 成 浅黄 色 ” 在 立方 体 的 盒 盖 上 
单 击 , 得 到 如 图 2.53 所 示 的 图 形 。 





四 、 举 一 反 三 


Se, an “第 2 音 Flash CS5 图形 给 


制 / 纸 盒 子 的 制作 练习 


o 





2.2.2 案例 二 : 五 角 星 的 制作 

一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘制 /五 角 星 的 制作 .swf” 文件。 通过 
预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 直线 、 精 确 变形 、 渐 变 填充 、 精 
确 旋转 工具 制作 立体 的 五 角 星 效果 。 通 过 该 秦 例 的 学 习 ， 使 学 生 熟 练 拿 握 精 确 变形 和 精确 
旋转 工具 的 使 用 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 





秦 例 制作 的 大 致 步骤 : 








使 用 直线、 椭圆 和 精 欧 使 用 直线 工具 连 信 图 
| 变形 工具 给 制 如 上 图 所 示 的 形 ， 最 终 效果 如 上 狼 所 示 . 
| 效果 | 














本 SN 













使 用 使 月 填充 工具 对 -ass 
| 前 夯 蛤 鲁 的 图 形 进行 交 双 AS 
| 贰 充 ， 六 | 条 到 除 。 
三 、 详 细 操作 步 又 


1. 创建 新 文档 > 北 、 


步骤 1: 双击 内 Ex， 在 话 框 中 单 击 外 “we 选项， 新建 一 个 空 
白文 档 。 当 入 

步骤 2: 要 中 单 击 sme ， 弹出 【另存 为 】 对话 框 ， 具体 设置 如 图 2.54 
所 示 ， 单 击 钮 保存 文件 。 








2. 绘制 五 前 星 
步骤 1: 单 击 2 直线 ) 工 具 ， 按 住 Shif 键 的 同时 在 绘图 区 中 绘制 一 条 直线 ,如 图 2.55 
所 示 。 


Fas: 


步骤 2: 单 击 晤 (任意 变形 江 具 ， 这 时 直线 效果 如 图 2.56 所 示 。 





图 2.55 2.56 
步骤 3: 在 浮动 面板 中 单 击 问 命 令 , 【变形 】 浮 动 面 板 如 图 2.57 所 示 。 
步骤 4: 将 【变形 】 浮 动 面板 中 的 8 选项 选中 ， 并 将 角度 设置 为 35” 一 在 四 |( 任 意 
变形 ) 工 具 的 【复制 并 应 用 变形 】 按 钮 上 连续 单 击 4 次 ， 得 到 如 图 2.58 所 示 的 图 形 。 











Eg 
图 2.57 x 图 2.58 
步骤 $: 单 击 Q (椭圆 ) 工 具 ， 具 的 填充 颜色 设置 为 “又 ， 在 按 住 Shift+Alt 
键 的 同时 ， 以 直线 的 交点 为 中 心 功 0 图 2.59 所 示 。 


6: 
多 


图 j 壬 接 丰 如 辐 }90 所 示 的 图形 。 
2 , 和 SE 


图 2.59 图 2.60 


步骤 7: 单 击 * (选择 并 具 ， 在 按 住 Shif 键 的 同时 单 击 所 要 删除 的 直线 ， 如 图 2.61 所 
示 , 按 Delete 键 , 将 不 要 的 直线 删除 , 如 图 2.62 所 示 。 





图 2.61 图 262 


3. 给 五 角 星 填充 颜色 
步骤 1: 单 击 沪 (颜料 桶 ) 工 具 ， 并 将 * 村 (填充 色 ) 设 置 为 加 ( 黑 红 渐变 )。 在 五 角 星 的 如 
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图 2.63 所 示 的 “1，2，3，4，5，6，7，8，9，10” 处 分 别 单 击 ， 得 到 如 图 2.64 所 示 的 
图 形 。 
步骤 2: 单 击 * (选择 并 具 , 双击 五 角 星 的 绘制 直线 , 这 时 五 角 星 的 所 有 直线 被 选中 ， 
如 图 2.65 所 示 。 按 Delete 键 ， 将 其 直线 删除 ， 得 到 如 图 2.66 所 示 的 图 形 。 


闪闪 


提示 : 五 角 星 的 制作 原理 就 是 ， 旋 转 一 周 为 360"， SN 每 个 角 的 一 半 就 是 36* 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 效果 请 观看 “第 2 章 Flash CS5 图 形 给 
制 /五 角 星 的 制作 练习 .swf。 文件 ” Wo 30° 。 





图 2.66 


人 ~ 
2.2.3 可 爱 的 QQ 图 像 制作 
一 、 素 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘制 /可 爱 的 QQ 图 像 制作 .swf” 文 件 。 
通过 预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 椭圆 、 颜 料 桶 、 刷 子 和 铅笔 
工具 制作 QQ 图 像 效 果 。 通过 该 案例 的 学 习 , 使 学 生 部 练 掌握 Flash CS5 基本 工具 的 使 用 方 
法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


秦 例 画面 效果 如 下 : 





Fane mr 







秦 例 制作 的 大 致 步骤 : 
使 用 椭 加 和 囊 子 工具 给 使 月 锥 笔 和 填充 工具 制 
人 制 如 上 图 所 示 的 效果 。 作 如 上 图 所 示 的 效果 。 





山 





使 月 椭 回 、 铝 笔 和 证 充 < 请 横 贺 工具 市 作 QQ 
| 工具 制作 QQ 的 各 和 效 饰 呈 。 哮 书 和 绿 障 。 





三 、 详 细 操 作 步 又 Co 

1. 创建 新 文档 

步 要 1: 双击 网 图 标 ， peee hn 新 建 一 个 全 白文 档 。 

步 要 3: 在 菜单 栏 中 单 江 ee 为 】 对话 框 ,在 znam 右边 的 文 
本 输入 框 中 输入 “ 图 像 制作 ” pe 按 包 可 将 新 建文 件 保存 为 “可 爱 
的 QQ 图 像 制作 .6 站 福 件 。 %* 

2. 设置 券 以 的 帮 采 颜色 2 


步骤 1: 文档 【属性 】 面 板 如 图 2.67 所 示 。 





图 267 


步骤 2: 单 击 [ 属 性 ] 面板 中 的 梧 一 右 侧 的 白 框 , 弹出 颌 色 设置 对 话 框 , 如 图 2.68 所 
示 。 在 对 话 框 中 选择 “ 浅 蓝 色 ”,， 此 时 背景 变 成 浅 蓝 色 ， 如 图 2.69 所 示 。 





图 2.69 
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3. 绘制 QQ 图 像 效果 


步骤 1: 单 击 O( 情 圆 工 具 , 并 将 填充 色 设置 为 白色 , 在 舞台 上 绘制 一 个 椭圆 ,如 图 2.70 
所 示 一 将 O( 帆 加 填充 色 设 置 为 黑色 , 在 舞台 上 绘制 第 二 个 椭圆 , 位 置 和 形状 如 图 2.71 所 示 。 

步骤 2: 单 击 “( 刷 子 江 具 , 并 将 填充 色 设 置 为 红色 ， 刷 子 大 小 设置 为 如 图 2.72 所 示 。 
在 两 个 椭圆 上 刷 一 条 曲线 ， 如 图 2.73 所 示 。 


【加 ”图 
上 到 
伦 


图 270 图 271 和 起 图 273 
步骤 3: 单 击 > (铅笔 工 具 ， 并 设置 笔触 大 小 加 TY 像素 点 ,将 “ 虽 全 触 颜色 ) 设 置 为 
黑色 ， 在 如 图 2.73 所 示 的 图 形 上 绘制 两 条 曲线 太 如 入 2.74 所 示 。 
步骤 4: 单 击 $( 阁 料 桶 工具 ,并 将 填充 色 讼 备 为 黑色 , 在 如 图 2.75 所 示 的 “1”、“2” 
处 单 击 , 得 到 如 图 2 76 所 示 的 图 形 Sk / 
步骤 5: 单 击 z( 操 笔 ! 工 具 ， 在 这 疼 576 所 示 的 像 上 绘制 两 只 手 ， 如 图 2.77 所 示 ， 
并 用 电话 料 桶 工具 将 两 只 手 寺 为 加 吧 , 如 图 2 78 所 这 



















7 产 





图 2.74 图 2.75 图 2.76 图 2.77 图 2.78 


步骤 6: 单 击 0( 情 圆 ) 工 具 ， 并 将 填充 色 设 置 为 “白色 ”, 给 可 爱 的 QQ 绘制 两 只 白色 
的 眼睛 ， 如 图 2.79 所 示 。 

步骤 7: 单 击 o( 梢 圆 ) 工 具 ， 并 将 填充 色 设置 为 “黑色 ”， 给 可 爱 的 QQ 绘制 两 只 黑色 
的 眼珠 ， 并 对 其 进行 适当 的 填充 ， 得 到 如 图 2.80 所 示 的 图 形 。 

步骤 8$: 采取 同样 的 方法 , 利用 【椭圆 】 工 具 , 绘制 可 爱 QQ 的 嘴 ， 如 图 2.81 所 示 。 


图 2.79 图 2.80 图 2.81 
步骤 9: 采取 同样 的 方法 , 利用 [椭圆 ] 工具 , 绘制 可 爱 QQ 的 两 只 脚 , 如 图 2.82 所 示 。 





47 


Fm: 


步骤 10: 利用 元 (铅笔 ) 工 具 绘 制 头 上 的 “装饰 品 ”， 如 图 2.83 所 示 ， 并 用 岛 (填充 ) 工 
具 将 其 填充 为 红色 ， 如 图 2.84 所 示 。 


0 0 0 0 0 0 
人 到 >、4 
图 2.82 图 283 图 2.84 
四 、 举 一 反 三 从 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， ei 2 音 Flash CS5 图 形 给 
制 /可 爱 QQ 图 像 的 制作 练习 .swf” 文件 。 7 二 - 





Yr 0 

2.2.4 “案例 四 :八卦 图 的 制作 WT 

一 天 效果 和 > 

案例 效果 提供 的 “第 2 章 FISSN CS5 图 形 绘制 /八卦 图 的 制作 .swf" 文件 。 通 过 
预览 了 解 本 雪 便 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 梢 圆 、 额 料 桶 填充 工具 制作 八卦 
图 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 熟 练 掌握 Flash CS5 基本 工具 的 使 用 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

秦 例 画面 效果 如 下 : 
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案例 制作 的 大 致 步骤 : 
八 信 (Gh) 
使 月 棋 加 工具 给 剑 如 上 使 用 构 贺 和 直线 工具 市 
国 所 示 的 效果 。 作 如 上 图 所 示 的 效果 。 






人 
Se 制作 上 国 效果 。 


三 、 详 细 操作 步骤 x 


步骤 1: 利用 前 面 所 学 eh 

步骤 2: EC 并 扩 冯 和 设置 “， 在 场景 中 绘制 一 个 圆 , 如 图 2.85 
所 示 。 

步骤 3: 人 选中 的 圆 ， 按 CtrltC 键 复制 一 个 圆 ， 并 选中 刚 
才 复制 a 多 ]】 浮动 面板 的 2.86 所 示 ， 按 Enter 键 ， 将 复制 的 圆 缩小 一 半 ， 
并 调整 位 置 ， 2.87 所 示 。 

步骤 4: 利用 * (选择 ) 工 具 选 择 如 图 2.87 所 示 的 小 圆 ， 再 复制 一 个 小 圆 ， 并 调整 好 位 
置 , 如 图 2.88 所 示 。 


CC CO 


图 2.85 图 2.87 


步骤 5: 单 击 人 在 如 图 2.88 所 示 的 图 形 中 绘制 一 条 垂直 直线 ,如 图 2.89 
所 示 。 

步骤 6: 利用 * (选择 江 具 并 按 住 Shif 键 选择 要 删除 的 线条 , 如 图 2.90 所 示 。 按 Delete 
键 ， 删 除 所 选择 的 线 ， 如 图 2.91 所 示 。 

步骤 7: 再 利用 2 ( 棋 圆 工具 ,绘制 两 个 圆 ， 如 图 2.92 所 示 。 






行 填充 。 











图 2.89 图 2.90 图 2.91 图 2.92 


步骤 8: 单 击 筷 颅 料 桶 ) 工 具 ， 并 设置 填充 色 为 “ 蓝 色 ”， 在 如 图 2.93 所 示 的 “1”、 
“2” 处 单 击 ， 将 其 填充 为 蓝 色 ， 如 图 2.94 所 示 。 

步骤 9: 单 击 外 伪 央 | 桶 ) 工 具 ， 设置 填充 色 为 “ 浅 蓝 色 ” 儿 窑 如 图 2.93 所 示 的 “3”、 
“4” 处 单 击 ， 并 将 其 填充 为 蓝 色 ， 如 图 2.95 所 示 。 忆 





图 2.95 





eT HA 完整 效果 请 观看 “第 2 章 Flash CS5 图 形 给 
制 /八卦 图 的 制 和 练习 swf” 文件 。 
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2.2.5 案例 五 : 齿轮 的 制作 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘制 齿轮 的 制作 swf” 文件。 通过 预 
览 了 解 本 案例 的 最 终 效果 。 本 达 例 主要 使 用 Flash CS5 的 直线 工具 、【 变 形 】 浮动 面板 中 的 
复制 旋转 、 颤 料 卉 充 工 具 制 作 齿 轮 效 果 。 通 过 该 案例 的 学 习 ， 使 学 生 就 练 章 握 【 变 形 了 浮 
动 面板 中 的 复制 旋转 的 作用 和 使 用 技巧 。 
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二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 














徐 例 画面 效果 如 下 : 
案例 制作 的 大 致 步骤 : 多 
使 用 直线 和 本 加 工具 人 
使 记 复 他 旋转 的 方法 全 


作 上 为 所 示 的 图 形 元 件 。 






作 如 上 图 所 示 的 效果 。 





使 月 填充 工具 和 复 剑 纵 
放 功 能 剂 作 上 图 效果 。 






Delete 链 ， 制作 上 图 | 


三 、 详 细 操 作 步 双 
步骤 1: 运行 Flash CS5 ， 新 建 一 个 空白 文档 。 
步骤 2: 单 击 国 -> ei4W- eR 命令 ， 弹 出 【创建 新 元 件 】 对 话 框 ， 具 体 设置 
如 图 2.96 所 示 ， 单 击 志 ss 校 钮 ， 新 建 一 个 元 件 。 
步骤 3: 单 击 “(和 直线) 工具 , 在 元 件 中 绘制 一 条 直线 , 如 图 2.97 所 示 。 
pe i 








图 2.97 


步骤 4: 选中 所 绘制 的 直线 , 设置 【变形 】 浮动 面板 如 图 2.98 所 示 , 单 击 区 (复制 并 
应 用 变形 ) 按 钮 ， 得 到 如 图 2.99 所 示 的 图 形 。 


Fem: 
步骤 5: 选中 刚才 复制 的 直线 , 设置 【变形 】 浮动 面板 如 图 2.100 所 示 ， 单 击 区 [复制 
并 应 用 变形 ) 按 钮 ， 得 到 如 图 2.101 所 示 的 图 形 。 


E29 
i (Ws 本 





图 2.99 图 2.100 2.101 


步骤 6: 单 击 呈 (和 多边形) 工具 , 绘制 一 个 六 角形 ， 大 小 如 图 2.102 所 示 。 

步骤 7: 单 击 * (选择 ) 工 具 ， 在 按 住 Shiff 键 的 同 删除 的 线条 ， 如 图 2.103 
所 示 。 按 Delete 键 , 将 其 所 选 线条 删除 ,得 到 如 图 必 示 的 图 形 。 将 图 2.104 的 图 形 转 
换 为 图 形 元 件 

步骤 8: 单 击 嗓 (任意 变形 江 具 ， 2 的 固定 点 移 到 与 绘图 区 的 “+” 重 合 ， 
如 图 2.105 所 示 。 

步骤 9: 设置 【变形 】 浮动 面板 元 矣 设置 如 图 2.106 所 示 ， 并 连续 单 击 区 |( 重 制 并 应 
用 变形 ) 按 钮 ， Na 示 的 图 形 为 止 。 

A 








Ry 





| 八 

| ~ 疙 本 

有 » 

册 . “ (EY om 
图 2102 图 2103 图 2104 图 2105 图 2106 图 2.107 


步骤 10: 选中 图 2.107 中 的 所 有 图 形 , 将 其 进行 分 离 操作 。 

步骤 11: 单 击 上 (颜料 桶 ) 工 具 , 并 设置 填充 为 早 ( 黑 白 渐变 )， 在 如 图 2.107 所 示 的 图 形 
中 单 击 , 得 到 如 图 2.108 所 示 的 图 形 。 

步骤 12: 单 击 * (选择 ) 工 具 ， 选 中 如 图 2.108 所 示 的 图 形 ， 将 其 复制 一 个 ， 并 调整 好 
位 置 , 如 图 2.109 所 示 。 

步骤 13 : 单 击 人 ( 额 料 桶 ) 工 具 ， 并 设置 填充 为 * 晶 保 蓝 渐 变 ), 在 如 图 2.109 所 示 的 图 
形 中 单 击 , 得 到 如 图 2.110 所 示 的 图 形 。 

步骤 14: 单 击 O( 柄 圆 ) 工 具 , 绘制 一 个 圆 , 并 将 其 填充 额 色 删 除 ， 梢 圆 外 围 填 充 为 灰 
色 , 如 图 2.111 所 示 。 

步骤 15: 单 击 ( 额 料 桶 ) 工 具 , 并 设置 填充 为 “四 ( 黑 蓝 渐变 ), 在 如 图 2.111 所 示 的 图 
形 中 单 击 , 得 到 如 图 2.112 所 示 的 图 形 。 
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图 2108 图 2.109 图 2110 图 2.111 图 2.112 





四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 2 章 Flash CS5 图 形 绘 


制 同 轮 的 制作 练习 .swf” 文 件 。 ot 





RS 猎 

小 
TD 
2.3.1 本 效 


一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘 制 给 制 展开 的 扇子 .swf" 文件 。 通 
过 预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 和 并 形 工具 、 椭圆 工具 、【 变 形 】 
浮动 面板 \ 元 件 转换 、 图 片 分 高 等 制作 房子 效果 。 通 过 该 案例 的 学 习 , 使 学 生 就 练 掌握 Flash 
CS5 中 各 种 工具 的 使 用 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


秦 例 画面 效果 如 下 : 





Chow 


秦 例 制作 的 大 致 步骤 : 


使 启 和 矩形、 填充 和 选择 
工具 制作 上 图 所 示 的 效果 。 








Se 


使 用 【变形 】〗】 浮 动画 板 
制作 上 图 所 示 的 效果 。 





UL 


交 





三 、 详 细 操 作 步 又 







步骤 1: 运行 Flash 8.0, i ， 将 其 命 
步骤 2: 单 击 吕 GE 形 ) 舞台 中 绘制 
工具 , 按 住 Shit 键 , 部 分 选中 ， 


删除 ， 人 知 
步骤 3: 选中 如 图 2.116 所 示 的 图 吏 
em 浮动 面板 中 ， 
并 连续 单 击 区 (复制 并 应 用 变形 ) 粮 钮 ， 得 到 如 图 2.1 


步骤 4: 利用 * (选择 ) 工 具 将 如 图 2.118 所 示 的 图 形 全 部 选中 单 击 互 (任意 变形 江 具 ， 


此 时 图 形变 成 如 图 2.119 所 示 。 


图 2.113 图 2.114 图 2115 图 2.116 


EE = 
> 4 MAN w 


@ 


图 2.117 


步骤 5: 在 【变形 】 浮动 面板 中 , 将 旋转 角度 设置 为 -90”， 如 图 2.120 所 示 , 按 Enter 


键 ， 得 到 如 图 2.121 所 示 的 图 形 。 


步骤 6: 单 击 2( 栅 圆 江 具 , 并 将 填充 色 设 置 为 红 白 放射 状 , 在 舞台 上 绘制 一 个 圆 , 位 


置 如 图 2 122 所 示 。 
二 






“房子 ” 机 


日 (任意 变形 ) 工 具 ， 并 将 旋转 控制 点 移 到 如 
将 旋转 角度 设置 为 0”， 如 图 2.117 所 示 ， 


18 所 示 的 图 形 。 





区 


图 2.118 


， 如 图 2.113 所 示 。 单 击 上 (选择 ) 
4 所 示 。 按 Delete 键 ， 将 选中 的 部 分 


图 2.119 
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sy 


图 2.120 图 2.121 图 2.122 
步骤 7: 单 击 " 铣 择 ) 工 具 ,， 将 如 图 2.122 所 示 的 图 形 全 部 选中 ， 在 图 像 上 右 击 弹出 快 





单 击 EEsE 汪 按钮 ， 将 其 转换 为 “图 形 ”元 件 ， 如 图 2.125 


ace 
[ 

wl 

_ 
Sr 





村 











ib 


图 2.1 < 人 六 图 2.125 
步骤 8: (插入 图 层 ) 按 钮 , 新 建 一 个 空白 图 层 , 并 将 “图 层 1” 锁 定 , 选中 “图 
层 2”, 如 图 2.126 所 示 。 
步骤 9: 单 击 O ( 情 圆 ) 工 具 , 并 将 填充 图 层 设 置 为 *4, 在 舞台 中 绘制 一 个 圆 ,利用 * ( 选 
择 ) 工 具 和 Delete 键 , 将 椭圆 变 成 半圆 ， 如 图 2.127 所 示 。 
步骤 10: 同上 , 绘制 一 个 小 “ 半 椭 图”, 如 图 2.128 所 示 。 





图 2.126 图 2.127 图 2.128 


步骤 11: 单 击 习 直线 ) 工 具 ， 将 两 个 半圆 连接 起 来 ， 如 图 2.129 所 示 。 
步骤 12: 单 击 一 0 一 3 命令 ， 弹 出 【导入 】 对 话 框 ， 选 择 所 要 导入 的 图 
片 。 导 入 的 图 片 如 图 2.130 所 示 。 





儿 2.129 2.130 
步骤 13: 在 图 片上 右 击 , 弹出 快捷 菜单 ， 如 图 2.131 所 示 , 在 快捷 菜单 中 单 击 汤 合 
令 , 如 图 2.132 所 示 。 
步骤 14: 在 房 圆 和 外 的 图 片上 单 击 , 选中 房 圆 外 的 按 Delete 键 , 得 到 如 图 2.133 
所 示 的 图 形 。 < 







eh y 心 
a 


图 2.133 
步 要 15: 疆 y 外 民 2” 上 单 击 ， De 2”， 在 图 形 上 右 击 ， 在 快捷 菜单 中 单 
击 呈 =#- 命 举 ,弹出 【转换 为 元 件 ] 对 话 框 , 具体 设置 如 图 2 134 所 示 。 单 击 EEEE= 按 钮 ， 
得 到 如 图 2.135 所 示 的 图 形 。 








ed 图 2.135 


步骤 16: 单 击 \ (选择 ) 工 具 , 然后 单 击 “ 图 层 2” 选 中 美女 图 片 。 在 【属性 ]】 浮动 面板 
中 单 击 咽 右边 的 a 按钮 , 弹出 如 图 2.136 所 示 的 下 拉 菜 单 ， 从 中 选择 *% 选 项 。【 属 性 ] 面 
板 的 最 终 设置 如 图 2.137 所 示 ， 图 形 效果 如 图 2.138 所 示 。 


淘 
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图 2.136 图 2.137 图 2.138 





步骤 17: 单 击 A([ 文 字 ) 工 具 ， 在 舞台 中 输入 文字 ,效果 妃 图 2.139 所 示 。 





> 图 2.139 
四 、 举 一 反 三 


使 用 前 面 所 学 i 果 请 观看 “第 2 章 Flash CS5 图 形 给 
制 / 蛤 制 展开 的 房子 综 轨 .swf” 文件 。 六 


人 





2.3.2 案例 七 : 绘制 友情 贺卡 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘制 /经 制 友情 贺卡 .swf” 文件 。 通 过 
预览 了 解 本 秦 例 的 最 终 效果 。 本 秦 例 主要 使 用 Flash CS5 的 矩形 工具 、 实 圆 工具 ,渐变 工具 、 
刷子 工具 和 选择 工具 绘制 友情 贺卡 。 通 过 该 笋 例 的 学 习 , 使 学 生 融 终 章 握 Flash CS5 中 各 种 
工具 制作 贺卡 效果 的 方法 和 技巧 。 


Fam: 


二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 
案例 画面 效果 如 下 : 





案例 制作 的 大 致 步骤 ， 





至 
AS 
使 月 棋 圆 、 填 充 和 副 子 


NN 工具 人 作 上 图 所 示 的 效果 。 





使 册 铬 图 填充 、 文 字 使 月 直线 、 刷 于 和 填充 
市 作 小 姓 姓 并 添 和 工具 绘制 太阳 民 和 小 乌 。 





三 、 详 细 操作 步骤 
步骤 1: 新 建 一 个 文件 ， 命 名 为 “ 支 情 贺 卡 .ma”， 在 【属性 】 浮 动 面板 中 设置 文件 大 
小 为 600X 400。 


步骤 2: 单 击 吕 (矩形) 工具 ,并 在 【属性 】 浮 动 面 板 中 设置 填充 色 为 名 (紫色 )， 在 


舞台 上 绘制 一 个 矩形 ,如 图 2.140 所 示 。 
步骤 3: 将 矩形 的 填充 色 设 置 为 黑色 ,在 舞台 上 再 绘制 一 个 矩形 , 大小、 位 置 如 图 2.141 


所 示 。 
步骤 4: 将 矩形 的 填充 色 设置 为 浅黄 色 , 在 舞台 上 绘制 一 个 矩形 ,并 进行 适当 的 变形 


调整 ， 大小、 位 置 、 样 式 如 图 2.142 所 示 。 
| NR 
EE 


图 2140 图 2141 图 2.142 


第 2 章 Flash CS5 图 形 绘制 


步 难 5: 单 击 加 (新 建 图 层 迟 钮 ， 此 时 将 新 建 一 个 “图 慨 2”， 将 “图 层 2” 移 到 “图 
层 1” 下 面 , 如 图 2.143 所 示 。 

步骤 6: 将 拭 形 的 填充 色 吕 设置 为 蓝 色 ,选中 “图 层 2”， 在 舞台 上 再 绘制 一 个 矩形 ， 
如 图 2.144 所 示 。 

步骤 7: 单 击 之 (铅笔 工具 ， 并 将 笔触 颜色 设置 为 深 黄 色 ， 选 中 “图 层 1”， 在 舞台 上 
绘制 不 规则 的 小 圈 ， 效果 如 图 2.145 所 示 。 


图 2.143 图 2.144 图 2.145 
步骤 8: 单 击 名 新建 图 层 上 按 钮 ， Se > 并 将 图 层 3 重 命名 为 “ 云 











太阳 ”， 选 中 该 图 层 , 如 图 2.146 所 示 。 
步 要 9: 利用 ( 情 圆 工具 和 忌 ( 铅 
如 图 2.147 所 示 。 
步骤 10: 单 击 sage 
并 选中 该 图 层 ， 如 图 2.148 月 


上 绘制 云 和 太阳 ， 大 小 、 位 置 、 额 色 
和 将 新 建 一 个 图 层 , 将 图 层 重 命名 为 “太阳 件 ”， 





图 2.146 图 2.147 图 2.148 


步骤 11: 利用 奴 刷 了 并 具 、“ (直线 i 江 具 和 综 ( 愤 充 ) 工 具 , 绘制 太阳 伞 和 乌 ， 如 图 2.149 

步骤 12: 单 击 铝 人 倒 建 图 层 ) 按 钮 ， 此 时 将 新 建 一 个 图 层 ， 将 图 层 重 命名 为 “小 娃娃 ” 
并 选中 该 图 层 ， 如 图 2.150 所 示 。 

步 邓 13: 利用 D ( 柄 圆 ) 工 具 、 驴 (填充 ) 工 具 和 * (选择 ) 工 具 绘 制 小 娃娃 ,如 图 2.151 





图 2149 图 2150 图 2.151 


步骤 14: 单 击 可 人 断 建 图 层 慷 钮 ， 此 时 将 新 建 一 个 图 层 ， 将 图 层 重 命名 为 “文字 ”并 
选中 该 图 层 , 如 图 2.152 所 示 。 


ER 





ash C85 二 要 和 
步 邓 15: 单 击 m( 文 字 ) 工 具 ， 在 舞台 中 输入 文字 “ 祝 君 永远 开心 快乐 ”, 如 图 2.153 
所 示 。 


2.153 





四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， as 2 章 Flash CS5 图 形 给 






2.3.3 案例 八 : wi 5 
a 
一 、 案 览 % 
秦 例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘 制冷 制 小 乌 .swf” 文 件 。 通过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 选择 工具 、 铅笔 工 和 颜料 桶 工具 给 
制 一 只 小 急 。 通 过 该 案例 的 学 习 , 使 学 生 熟 练 掌握 使 用 Flash CS5 中 的 简单 工具 绘制 复杂 图 
案 效 果 的 方法 和 技巧 。 
二 、 本 案例 画面 效果 及 制作 步骤 (流程) 分 析 
案例 男 面 效果 如 下 : 
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秦 例 制作 的 大 致 步骤 : 
使 用 铅笔 工具 给 着 小 狂 使 用 填充 工具 对 给 制 的 
的 轮 堵 。 图 形 进行 闫 色 戎 充 。 





PA $a 
将 没有 副 除 的 线条 的 关 征 充 好 图 案 之 后 ， 将 一 
色 改 成 自己 多 要 的 新 色 。 RS | 酝 不 需要 的 轮 户 线条 副 除 。 

















图 2.154 图 2.155 


步骤 4: 单 击 室 i 料 桶 ) 工 具 ， 将 填充 色 设 置 为 灰色 ,并 填充 如 图 2.156 所 示 的 部 分 。 
步骤 5: 将 额 料 桶 工具 的 填充 色 设置 为 绿色 ,并 填充 如 图 2.157 所 示 的 部 分 。 

步骤 6: 将 颜料 桶 工具 的 填充 色 设置 为 黄色 ， 并 填充 如 图 2.158 所 示 的 部 分 。 

步骤 7: 将 频 料 桶 工具 的 填充 色 设置 为 法 黄色 ， 并 盾 充 如 图 2 159 所 示 的 部 分 。 

步骤 $: 将 颜 料 桶 工具 的 填充 色 设置 为 法 认 色 ， 并 填充 如 图 2.160 所 示 的 部 分 。 

步骤 9: 将 疾 料 桶 工具 的 填充 色 设置 为 深 绿 色 ， 并 填充 如 图 2.161 所 示 的 部 分 。 





图 2.156 图 2.157 图 2.158 







图 2.159 图 2.161 
步骤 10: 将 颜料 桶 工具 的 填充 色 适 四 为 粉红 色 ， 并 填充 如 图 2.162 所 示 的 部 分 。 
步骤 11:， 将 户 料 根 工 具 图 为 和 图 2.163 所 示 的 眼睛 部 分 。 


步骤 12 : 将 不 要 的 线条 


删除 ， a 
2 
* 








图 2.162 图 2.163 图 2.164 


步骤 13: 将 没有 贡 除 的 部 分 线 改 为 法 灰色 ， 如 图 2.165 所 示 。 
步骤 14: 再 将 另 一 部 分 线 改 为 深 绿色 ， 如 图 2.166 所 示 。 





图 2.165 图 2.166 
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四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 请 观看 “第 2 章 Flash CS5 图 形 给 
制 怜 制 小 鸟 练习 -swf” 文件 。 


2.3.4 案例 九 : 绘制 蝴蝶 
一 、 案 例 效 果 预 览 < 
案例 效果 见 本 书 提供 的 “第 2 音 Flash CS5 绘制 蝴蝶 .swf” 文 件 。 通 过 预览 


了 解 本 秦 例 的 最 终 效 果 。 本 案例 主要 使 用 5 的 选择 工具 、 铅笔 工具 、 额 料 桶 工具 和 
椭圆 绘制 一 只 晴 嵌 。 通 过 该 案例 的 学 习 , 使 党 握 使 用 Flash CS5 中 的 简单 工具 绘制 


复杂 图 案 效果 的 方法 和 技巧 。 不 
= sano 
案例 画面 效果 如 下 : 沾 


汉人 下 






2 ) 
和 NO 
案例 制作 的 大 和 致 步骤 : 
使 用 执笔 工具 给 割 贿 凤 使 月 构 回 工具 给 证 贿 峻 
的 轮 遍 。 的 小 图 点 。 





yy 


Se 
By | 


使 用 填充 工具 链 筷 填充 使 用 填充 工具 对 给 创 的 
出 自己 雪村 的 效果 图 形 进行 填充 。 











Chow 


三 、 详 细 操作 步骤 


步骤 1: 运行 Flash CS5， 新 建 一 个 名 为 “绘制 蝴蝶 ”的 文件 。 

步骤 2: 单 击 区 铅笔 工具, 并 设置 铅笔 的 阁 色 为 纯 黑 色 , 【 属性】 浮动 面 板 的 设置 如 
图 2.167 所 示 。 

步骤 3: 在 舞台 中 绘制 如 图 2.168 所 示 的 图 形 。 

步骤 4: 单 击 含情 圆 ) 工 具 , 并 设置 填充 色 为 次 ,在 如 图 2.168 所 示 的 图 上 绘制 椭 
圆 , 如 图 2.169 所 示 。 








图 2.167 图 2.169 
步骤 5: 单 击 wx 证 叶柄) 工具 FE 黄色 ,十 图 形 效果 如 图 2 170 
所 示 。 NS 

步 要 6: 单 击 尺 归 各 讼 时 
所 示 。 
2 Re [a 为 商 色 ， 填 充 图 形 效果 如 图 2.172 
所 示 。 i 


填充 汗 黑 色 ， 填 充 图 形 效果 如 图 2.171 





2.170 


四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 2 章 Flash CS5 图 形 绘 
制 /给 制 晴 嵌 练习 -swf” 文件 。 
NSS 
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2.3.5 案例 十 : 绘制 漫画 人 物 
一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 2 章 Flash CS5 图 形 绘 制 丝 制 漫 男人 物 .swf"” 文件 。 通 过 
预览 了 解 本 委 例 的 最 终 效果 。 本 乘 例 主 要 使 用 Flash CS5 的 渐变 工具 、 填 充 工具 ,铅笔 工具 、 
刷子 工具 和 颜料 桶 填充 工具 绘制 动漫 男人 物 。 通 过 该 案例 的 学 习 ， 使 学 生 就 练 掌握 使 用 
Flash CS5 中 的 简单 工具 绘制 动漫 人 物 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 
< 









案例 制作 的 大 致 步骤 : 











使 用 填充 工具 浴 谱 填充 
出 自己 需要 的 效果 





使 月 十 充 工 具 对 绘制 的 
图 形 进行 填充 。 











三 、 详 细 操 作 步 又 

步骤 1: 运行 Flash CS5 ， 新 建 一 个 名 为 “绘制 漫 男 人 物 .fiz” 的 文件 。 

步骤 2: 单 击 闵 铅笔 工具, 铅笔 的 【属性 】 浮 动 面板 设置 为 如 图 2.173 所 示 。 
步骤 3: 在 舞台 中 绘制 如 图 2.174 所 示 的 图 形 。 





图 2.173 图 2174 

步骤 4: 单 击 时 间 轴 左下 角 的 马 全 建 图 层 ) 按 钮 , 此 时 将 插入 一 个 新 图 层 , 将 其 移 到 “图 
层 1” 下 面 , 并 将 其 选中 ,如 图 2.175 所 示 。 

步骤 5: 单 击 忌 ( 炬 形 ) 工 具 ， 设 置 填充 色 为 如 (由 
变 拭 形 ， 如 图 2.176 所 示 。 

步骤 6: 在 矩形 选中 的 情况 下 , 单 击 器 ( 任 : 的 具 , 将 鼠标 指针 放 到 将 要 做 任意 变 
形 的 矩形 的 任意 角 上 ， RN 的 单 箭头 ， 将 其 旋转 ， 如 图 2.177 
所 示 。 > 







渐变 ), 在 舞台 中 绘制 一 个 渐 











图 2.177 
充 色 设置 为 强国 纯 黑色 ， 盾 充 部 分 如 图 2.178 


步骤 7: re ;区 
所 示 。 
步 邓 8: 单 击 民 语 梓 权 ) 工 具 , 并 将 其 填充 色 设置 为 区 3 浅 蓝 色 , 填充 部 分 如 图 2.179 
所 示 。 
步 邓 9- 单 击 台 ( 额 料 梓 ) 工 具 ， 并 将 其 填充 色 设置 为 人 5 呈 苗 色 ， 填 充 部 分 如 图 2.180 
所 示 。 





图 2.178 图 2.179 图 2.180 

步 要 10: 单 击 慌 阁 料 桶 ) 工 具 ， 并 将 其 填充 色 设置 为 加 对 骨 红 色 ， 填 充 部 分 如 图 2.181 
所 示 。 

步 李 11 : 单 击 玖 颜料 桶 ) 工 具 , 并 将 其 填充 色 设 置 为 BE 浅黄 色 , 填充 部 分 如 图 2.182 
所 示 。 
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图 2.181 图 2.182 
四 、 举 一 反 三 


使 用 前面 所 学 知识 维和 如 下 所 示 的 图 形 ， 完 束 歼 果 请 观 半 第 章 Flash CS5 图 
制冷 制 动 温 人 物 练习 swf” 文件。 





\ 







2.3.6 ”案例 十 一 : 绘制 
一 、 案 例 效 
| 一 | 六 J + 吾 、: Lb 
夫 例 效 t 的 “第 2 童 全 eCs5 图 形 给 制 瞧 制 美女 .sf 文件 。 通 过 预览 
了 解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 Flash CS5 的 绍 笔 工具 和 儿 料 桶 填充 工具 绘制 美 
女 。 通过 该 案例 的 学 习 ， 使 学 生 康 结 握 使 用 Flash CS5 中 的 简单 工具 绘制 美女 的 方法 和 
技巧 
二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


秦 例 画面 效果 如 下 : 





Fs: 


案例 制作 的 大 致 步骤 : 
使 月 锅 笔 工具 给 促 关 女 [二 使 用 填充 工具 给 美女 的 
的 轮 刘 。 衣 肛 上 色 。 





此 


- 且 加 区 


使 月 填充 工具 给 美女 的 向 -ww 
| 装饰 后 上 色 Ko 头 、 脸 上 色 ， 








三 、 详 细 操作 步骤 
步 邓 1: 运行 Flash CS5, 新 te 件 , 并 设置 背景 色 为 浅 蓝 色 。 
步骤 2: 单 击 葡 铅笔 3 【属性 】; 3 2.183 所 示 。 
步骤 3: 在 舞台 中 2.184 所 示 的 
代 - 
图 2.183 2.184 


步骤 4: 设置 铅笔 的 眼色 为 白色 ， 绘 制图 形 如 图 2.185 所 示 。 

步骤 5: 单 击 容 ( 额 料 桶 ) 工 具 , 并 将 其 填充 色 设置 为 织 国 醒 ， 填 充 部 分 如 图 2.186 所 示 。 
步骤 6: 单 击 有 (颜料 桶 工具 ， 并 将 其 填充 色 设 置 为 加 1， 填充 部 分 如 图 2.187 所 示 。 
步骤 7: 单 击 鹤 ( 额 料 桶 工具 , 并 将 其 填充 色 设置 为 呈 电 J, 填充 部 分 如 图 2.188 所 示 。 


图 2.185 图 2.186 图 2.187 
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步骤 8: 单 击 尺 ( 闸 料 桶 工具， 并 将 其 填充 色 设 置 为 全 村, 填充 部 分 如 图 2.189 所 示 。 
步骤 9: 单 击 隶 (应 料 桶 江 具 ， 并 将 其 填充 色 设 置 为 本 大 ， 盾 充 部 分 如 图 2.190 所 示 。 
步 邓 10 : 单 击 办 ( 疾 料 桶 ) 工 具 , 并 将 其 填充 色 设置 为 “加 ,填充 部 分 如 图 2.191 所 示 。 
步骤 11: 单 击 盛 ( 痕 料 桶 ) 工 具 , 并 将 其 填充 色 设置 为 加 村 ,填充 部 分 如 图 2.192 所 示 。 


2.192 


四 、 举 一 反 三 A- 
re 果 请 观看 “第 2 章 Flash CS5 图 形 绘 
制 /绘制 美女 练习 .swf” 文 件 。 2 





图 2.189 







~ 


小 
久 


第 





对 知识 点 : gn 


1. Flash 文字 基础 知识 
2. 淳 内 文字 RS 


. 变色 学 

10. 环形 态 转 特效 文字 
11. 由 动 的 文字 效果 
12. 这 时 文字 效果 

13. 鸭 光 特效 文字 

14. 蝴蝶 图 片 与 文字 
15. 幻影 文字 效果 

16. 变色 文字 


YN 说 明 ， 
本 章 主要 通过 15 个 Flash 文字 制作 素 例 ， 全 面 讲解 Flash CS5 制作 动态 文字 的 方法 、 
步 晤 与 技巧 ， 通 过 这 些 例子 的 学 习 并 举一反三 ， 就 可 以 制作 出 其 他 文字 特效 。 


涪 教学 建议 课时 数 : 
一 艇 情况 下 需 16 课 时 ， 其 中 理论 6 课时 ,实际 操作 10 课时 ( 报 据 特殊 情况 可 做 相应 调整 )。 
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3.1 Flash 文字 基础 知识 


Macromedia Flash CS5 提供 多 种 文本 功能 和 选项 。 这 里 主要 介绍 3 种 可 添加 到 文档 中 
的 主要 文本 类 型 。 用 户 可 以 为 文档 中 的 标题 、 标 签 或 其 他 文本 内 容 添 加 静态 文本 ， 也 可 以 
使 用 【输入 文本 】 选 项 ， 以 允许 观众 与 Flash 应 用 程序 进行 交互 。 例 如 ， 在 表单 中 输入 姓 
名 或 者 其 他 信息 。 第 3 种 文本 类 型 是 动态 文本 。 动 态 文本 字段 可 以 显示 根据 用 户 指定 的 条 
件 变化 的 文本 。 例 如 ， 可 以 使 用 动态 文本 来 添加 存储 在 其 他 文本 字段 中 的 值 ， 例 如 两 个 数 
字 的 和 。 
3.1.1 设置 工作 区 


双击 课 面 上 的 (Flash cs5 快捷 启动 如 标 ,3 era nn 选 顺 ， 
新 建 一 个 Flash 文档 。 
设置 【属性 ] 浮动 面板 ,具体 设置 如 图 x 





3.1.2 ”创建 不 断 加 宽 的 文本 块 
操作 步 邓 如 下 。 
(了 ) 单 击 工具 箱 中 的 于 成 如 图 3.2 所 示 。 
(2) 设置 要 输入 的 文 等 属性 , 县 体 设 置 如 图 3.3 所 示 。 
标 指针 如 图 3.4 所 示 。 
A 
图 3.1 图 3.2 图 33 图 3.4 


(4) 输入 “Flash CS5 动画 设计 ”， 效 果 如 图 3.5 所 示 。 


Flash CS5 动画 设 I 


图 35 


提示 : 如 采 要 输入 两 行文 字 时 ， 可 在 输入 完 第 一 行文 字 之 后 按 Enter 键 ， 妨 续 输入 要 输入 
的 文字 。 


| 





ar es ism 
3.1.3 创建 宽度 固定 的 文本 块 


除了 创建 一 行 在 输入 时 不 断 加 宽 的 文本 块 以 外 ， 还 可 以 创建 宽度 固定 的 文本 块 。 具 体 
操作 方法 如 下 。 

(DD) 单 击 工具 箱 中 的 克文 字 ) 工 具 , 【属性 】 浮 动 面板 的 设置 如 图 3.6 所 示 。 

(2) 在 工作 区 中 拖 动 鼠标 ， 此 时 在 工作 区 中 拖 出 一 个 文本 输入 框 ， 如 图 3.7 所 示 。 

(3) 在 文本 框 中 输入 “中 国 职业 教育 是 我 国教 育 发 展 的 必然 趋势 ”， 如 图 3.8 所 示 。 





图 3.6 


注意 ， 用 户 可 以 通过 拖 动 文 ra 外 ， 还 可 通过 双击 方形 控制 块 
未 将 它 转换 为 图 制 块 。 | 若 所 输入 的 内 容 超 出 文本 框 的 宽度 ， 
Flash 会 自 

< A 

3.1.4 编辑 更 改 字体 属性 / 

当 对 所 输入 的 文本 不 满意 时 ， 可 以 对 它 进行 编辑 ， 如 更 改 字 体 。 方 法 很 简单 ， 具体 操 

作 方 法 如 下 。 


(DD 单 击 工具 箱 中 的 出 (选择 ) 工 具 ， 再 单 击 需 要 编辑 的 文本 ， 此 时 【属性 】 浮动 面板 会 
显示 文本 以 前 的 属性 设置 。 

(2) 根据 需要 设置 文本 属性 即 可 。 
3.1.5 添加 输入 文本 字段 


使 用 输入 文本 字段 可 以 允许 观众 与 Flash 应 用 程序 进行 交互 。 例 如 ,使 用 给 入 文本 字 
段 ， 可 以 方便 地 创建 表单 。 

《D 使 用 前 面 所 学 知识 ， 在 工作 区 输入 如 图 3.9 所 示 的 静态 文本 。 

(2) 单 击 四 (文字 工具 ,设置 【属性 】 浮动 面板 如 图 3.10 所 示 。 

(3) 分 别 在 图 3.9 中 的 文字 右边 拖 动 鼠标 ， 拖 出 一 个 文本 框 ， 最 终 效果 如 图 3.11 所 示 。 
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个 人 信息 调查 表 














图 3.9 图 3.10 ff 图 3.11 


(4) 按 CtrlsShifrEnter 组 合 键 ， 进 入 测试 状态 ， NR 
(5) 在 右边 的 输入 框 中 输入 所 需要 的 文本 ， 最 绪 效 3.13 所 示 。 









KX 个 人 信息 调查 表 


6 RN r 3.13 
3.1.6 
生计 

有 时 候 要 输入 的 文本 特别 | 长, 为 了 加 快速 度 , 可 以 使 用 复制 和 粘贴 的 方法 来 给 入 文本 ， 
具体 方法 如 下 。 

(1) 选择 要 复制 的 文本 ， 按 CutC 组 合 键 。 

(2) 回 到 Flash 文档 中 ， 单 击 工具 箱 中 的 上 CX 字 并 具 ， 设 置 好 【属性 】 面 板 ， 在 需要 
粘贴 文字 的 地 方 用 亡 标 拖 出 一 个 文本 框 ， 再 按 CtrlV 组 合 键 。 

G) 选中 刚 粘 贴 的 文字 ， 设 置 文字 【属性 】 面 板 即 可 。 
3.17 为 文本 字段 指定 实例 名 称 

舞台 上 的 输入 文本 字段 是 ActionScript TextField 对 象 的 实例 ， 用 户 可 以 给 它 应 用 属性 
和 方法 。 用 户 最 好 给 文本 字段 交 例 命名 ,这 样 其 他 处 理 该 项 目的 人 员 就 能 够 在 ActionScript 
中 引用 启 实 例 。 给 文本 字段 指定 实例 名 称 的 方法 如 下 。 

(DD 选中 要 指定 实例 的 文本 。 

(2) 在 文本 【属性 】 浮动 面板 的 Es 未 输入 所 职 的 实例 名 称 即 可 。 
提示 : 只 有 输入 文本 和 动态 文本 才能 指定 实例 名 称 。 


Fr 
3.1.8 创建 动态 文本 字段 
在 运行 时 ， 动 态 文本 可 以 显示 外 部 来 源 中 的 文本 。 可 以 创建 一 个 链接 ， 以 链接 到 外 部 


文本 文件 的 动态 文本 字段 。 动 态 文本 字段 创建 的 具体 方法 ， 本 书后 面 将 用 详细 的 例子 进行 
讲解 。 
3.1.9 测试 SWF 文件 

(1D 单 击 文人 0 一 950 命令 ,保存 文件 .然后 单 击 EE3EH ， 测 二 2Hm 一 REm 命 
令 进 行 测试 。 

(2 在 输入 文本 字段 中 输入 文本 。 

{3) 测试 完 该 文件 后 ， 关 闭 SWF 文件 窗口 。 人 怜 


3.2.1 案例 一 : 浮雕 文字 


一 、 案 例 效 果 预 览 下 

索 例 效果 见 本 书 提供 的 “得 CS5 文字 特 交 /浮雕 文字 .swf” 文件。 通过 预览 
了 解 本 案例 的 最 终 效果 。 使 用 Flash 工具 、 分 离 命 令 、 图 像 一 放 的 顺 
序 改 变 和 扩展 填充 命令 简单 的 浮 警 该 案例 的 学 习 ， 使 学 生 掌 握 文字 工 
具 的 基本 使 用 方法 > 从 法 

二 本 ON 析 

案例 画面 效果 如 下 : 

秦 例 制作 的 大 致 步骤 : 

艺术 与 人 生 [ 老 术 地 大 生 
使 月 文字 工具 给 入 项 要 的 | 性 一 > 复制 文 字 ， 改 变 文字 的 填充 
文字 。 色 和 疮 放 顺序 。 





艺术 与 人 生 | i ] 
分 高 文字 并进 行 六 效 村 充 。 | 《一 一 艺术 与 人 生 
词 整 好 两 层 文 字 的 谷 放 位 置 。 
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三 、 详 细 操 作 步 又 

步 邓 1: 双击 里 (Flash CS5 快捷 图 标 ), 弹出 Flash CS5 欢迎 界面 ， 单 击 重 “"““ 2 图标， 
新 建 一 个 空白 文档 。 

步骤 2: 保存 文档 为 “浮雕 文字 .fla”。 

步骤 3: 单 击 而 文字) 工具 , 在 舞台 中 央 输入 “艺术 与 人 生 ” 文 字 , 文字 【属性 】 面板 
的 设置 如 图 3.14 所 示 , 文字 效果 如 图 3.15 所 示 。 





5 人 和 


图 3.14 A 图 3.15 
步骤 4: 选中 “艺术 与 人 生 ” 文 字 键 复制 文字 ,再 按 Ctrl+V 键 将 当前 文字 
粘贴 到 舞台 上 ， 如 图 3. 16 所 示 


EE A 


3.16 图 3.17 


步骤 6: oe 弹出 快捷 菜单 ， 单 击 有 ESEETD 合 令 ， 如 图 3.18 所 示 。 
步骤 7: 单 击 * (选择 ) 工 具 , 移动 黄色 文字 , 并 配合 键盘 上 的 上 下 左右 移动 键 ,对 文字 
进行 微调 ， 调 整 后 的 最 终 位 置 如 图 3.19 所 示 。 








一 上 :om 
二 | 革 艺术 与 人 生 
图 3.18 图 3.19 
步骤 8: 单 3 命令 ， 将 文字 分 离 成 单个 的 文字 。 


步骤 9: 重复 第 7 步 , 再 将 单个 的 文字 分 高 成 矢量 图 形 。 
步骤 10: 单 击 四) 一 9- 命令 ,弹出 【扩展 填充 ]】 对 话 框 , 按 如 图 3.20 
所 示 设 置 。 单 击 EEsE 9 按钮， 得 到 如 图 3.21 所 示 的 图 形 。 





[Femme 


ny 
EE 艺术 与 人 生 
图 3.20 3.21 
、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /浮雕 文字 练习 .swf” 文 件 。 


SR 


3.2.2 案例 二 : 渐变 文字 
一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 3 章 
了 解 本 案例 的 最 终 效果 。 林 委 例 主机 
色 浮 动 面板 的 渐变 设置 制作 一 个 
变 文字 的 制作 方法 。 


二 、 本 案例 画面 效果 及 Dan 
ER NS 









Ne swf” 文 件 。 通 过 预览 
5 的 选择 工具 、 文字 工具 、 填充 工具 和 额 
文字 。 通 过 该 案例 的 学 习 ， 使 学 生 掌握 各 种 渐 


NS 花柱 [A 
案例 制作 的 大 到 步 骚 : 
花样 年 华 花样 年 些 
使 局 文字 工具 使 月 选择 工具 
和 萄 入 需要 的 文字 。 进行 部 分 调节 。 





三 、 详 细 操作 步骤 
步骤 1: 启动 Flash CS5， 新 建 一 个 文 当 ， 命 名 为 “渐变 文字 效果 .fa”。 
步骤 2: 单 击 严 文字) 工具 ， 在 舞台 上 输入 “花样 年 华 ”文字 ， 如 图 3.22 所 示 。 


化 样 年 华 


图 322 
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步骤 3: 单 市 ssw 命令 ， 将 文字 分 离 成 单个 的 文字 。 

步骤 4: 重复 第 3 步 ， 再 将 单个 的 文字 分 高 成 天 量 图 形 。 

步骤 5: 单 击 避 颜 桂 桶 江 具 ,并 将 填充 色 设置 为 轧 渐 变 )。 

步骤 6: 【颜色 】 浮动 面板 的 设置 如 图 3.23 所 示 ， 所 获得 的 效果 如 图 3.24 所 示 。 
步骤 7: 单 击 山 先 择 ) 工 具 ， 对 文字 进行 调节 ， 最 终 效果 如 图 3.25 所 示 


七 





花样 年 华 e 
图 3.23 RS 
四 、 举 一 反 三 -> 


wi or oT 完整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 渐 变 文 字 练 习 -swf” 文件 。 


3.2.3 案例 三 : 图 案 变 化 文字 
一 、 素 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /图 案 变化 文字 .swf” 文件 。 通过 
预览 了 解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 图 片 导入 、 分 高 命 令 、 
遮 量 、 创 建 传统 补 间 动画 、 元 件 的 装 换 、 动 男方 式 的 设置 等 制作 一 个 简单 的 图 案 变化 文字 
效果 。 通 过 该 案例 的 学 习 ， 使 学 生 人 掌握 遮 置 和 动画 方式 的 设置 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 


图 案 文字 图 案 文字 图 案 文字 


图 3.25 





中 作 的 太 致 步骤 
© 
eS 
根据 突 全 的 委 示 ,号 入 自己 | 二 二 > 将 四 片 进行 分 高 并 使 月 构图 
喜欢 的 图 片 ， 工具 将 分 高 的 图 片 侧 作 为 椭 团 : 





U 
图 案 文字 |。 4 


创建 传统 动画 和 贺 壹 这 县 Somme 
效果 。 





三 、 详 细 操 作 步 又 
步骤 1: 运行 Flash CS5, 新 建 为 “图 案 变 化 文字 -fa” 的 文件 。 
步骤 2: 单 击 EZII Ew + 命令 ,, 强 出 一 个 文件 导入 对 话 框 ， 选择 图 片 


所 在 的 文件 夹 ， 并 单 击 要 ; 单 击 E 得 到 如 图 3.26 所 示 的 图 片 。 
步骤 3 : i 所 示 , 单 击 人 可 命令 , 如 图 3.28 
所 示 。 
步骤 4: 2 DI, 并 将 填充 色 设置 为 “性 ,在 图 片 
上 绘制 一 个 3.28 所 示 。 

步骤 5: 单 击 * (选择 ) 工 具 ， 并 在 如 图 3.28 所 示 的 圈 外 单 击 选中 该 图 片 图 外 的 部 分 ， 
按 Delete 键 ， 将 圈 外 的 图 片 删除 ， 如 图 3.29 所 示 。 











图 3.26 图 327 图 328 329 
步骤 6: 单 击 可 令 建 图 层 ) 按 钮 ， 插 入 一 个 新 的 图 层 , 并 选择 该 图 层 , 如 图 3.30 所 示 。 
步骤 7: 单 击 下 (文字) 工具 , 在 舞台 中 输入 文字 , 文字 面板 的 属性 设置 如 图 3.31 所 示 ， 
文字 形状 如 图 3.32 所 示 。 


总 
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图 330 图 331 图 332 
步骤 8: 单 击 * (选择) 工具 ,并 在 图 片上 双击 , 选中 图 片 和 外 图 ,然后 在 图 片上 右 击 ， 
弹出 如 图 3.33 所 示 的 快捷 菜单 ， 单 击 医 ER 命令 ， 弹出 如 图 3.34 所 示 的 对 话 框 ， 
按 如 图 3.34 所 示 设 置 ， 并 单 击 已 本 -按钮 。 将 该 分 高 图 片 转 模 为 图 形 元 件 。 


| 
| 
| 











图 3.33 大- 图 3.34 
se 弹出 如 图 3.35 所 未 的 快捷 采 单 单 击 Eszrzaa 命 令 ， 
括 入 一 个 关键 由 ,如 图 33 
eS 由 右 击 ， 弹 , 单 击 se 命 令 ， 图 民 样 式 如 图 3.37 
所 示 。 
步 邓 1 et 有 击 , 弹出 快捷 菜单 ， 单 市 Sa 命令 。 
图 样式 如 图 933 所 示 。 补 间 动 画 的 【 履 性 】 面板 设置 如 图 3.39 所 示 。 











vao mo ow 





图 337 图 3.38 


sh C85 二 8 要 多 和 和 
步骤 12: 在 图 层 2 上 右 击 , 弹出 快捷 菜单 , 如 图 3.40 所 示 ， 单 击 本 SEE 命令， 
层 样式 如 图 3.41 所 示 ， 效 果 如 图 3.42 所 示 。 





图 案 文字 


3.40 图 3.41 长 图 3.42 


\ 举一反三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， es “第 3 童 Flash CS5 文字 特 
效 /图 案 变化 文字 练习 -swf" 文件 。 sx 


Guangaong (GER 2 gf 
[7 AA A IRS hy 
提示 : 将 文字 分 高， re spe, 弹出 对 话 框 ， 并 进行 设 
置 , 然后 单 击 a 利用 【选择 及 工 上 中 文字 中 要 删除 的 部 分 。 其 余 的 步 
副 参 考 案例 三 。 2 入、 5 
3.2.4 oris 1 

一 、 素 例 效果 预览 

索 例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /立体 文字 .swf” 文 件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 直 线 工 具 、 颜 村 桶 工具 、 
渐变 填充 浮动 面板 和 柔 化 填充 边缘 来 制作 一 个 简单 的 立体 文字 效果 。 通 过 该 案例 的 学 习 ， 
使 学 生 掌握 立体 文字 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 男 面 效果 如 下 ; 


十 
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秦 例 制作 的 大 到 步骤 : 
A f 
根据 过 例 的 要 求 ， 笨 入 制作 | 一 > 文字 分 离 、 乘 化 填充 文字 ， 
立体 效果 的 文字 。 将 不 需要 的 部 分 别 除 并 月 直线 进 





行 连 接 。 





UL 


使 用 制作 A 文字 效果 的 方 
到 
法 ， 再 制作 一 个 了 文字 的 效果 。 Sax a 


$9 | 





三 、 详 细 操 作 步 又 NS 







步 最 1: 启动 Flash CS5, 新 建 “立体 文字 .fla” 的 文件 。 

步骤 2: 单 击 由 (文字) 工具 ， je “me 文字 大 小 如 图 3.43 所 示 。 

步骤 3: 利用 ' (选择 并 ， 按 Cal+V 键 将 文字 粘贴 到 舞 
台 上 ， 位 置 如 图 3.44 所 元 * 


按 Cat 
步 要 4: 单 击 \ 6 近 正 具 ， ws 此 时 将 先 
中 这 两 个 文字 ， 4 和 


体 被 选中 的 文字 上 硬 击 ， 快捷 菜单 ， 单 击 有 2 王国 合 令 ， 将 文字 分 高 , 效 
果 如 图 3.46 所 未 。 
步骤 6: 单 击 EN WP) en- 命令 ， 弹 出 如 图 3.47 所 示 的 对 话 框 。 


AAA AAA 


图 3.43 图 3.45 图 3.46 图 3.47 
步 最 7: Wy 3.47 所 示 , 单 击 己 吐 -按钮 ,得 到 如 图 3.48 所 示 的 文字 效 





果 。 

步骤 8: 单 击 * (选择 ) 工 具 ， 结 合 Shif 键 ， 将 需要 删除 的 部 分 文字 选中 ， 再 按 Delete 
键 ， 将 不 需要 的 部 分 删除 ， 效 果 如 图 3.49 所 示 。 

步骤 9: 单 击 习 直线) 工具， 将 如 图 3.50 所 示 的 文字 连接 起 来 ， 如 图 3.51 所 示 。 

步骤 10: 根据 透视 原理 将 被 违 住 的 线 删除 ， 效 果 如 图 3.51 所 示 。 





Fr 


步骤 11: 单 击 窑 ( 额 料 桶 ) 工 县 ,根据 需要 设置 填充 渐变 色 , 并 填充 文字 , 效果 如 图 3.532 
所 示 。 


图 3.48 图 3.49 图 3.50 图 3.51 图 3.52 


步骤 12: 单 击 于 文字) 工具 , 在 舞台 上 输入 “+” 如 图 3.53 所 示 。 
步骤 13 : 根据 制作 “A” 文字 立体 效果 的 方法 制 人 mk 字 的 立体 效果 ,如 图 3.54 


| a 
Wt 
有 ES 


/ 


四 Be 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /立体 文字 练习 .swf” 文 件 。 














十 


图 354 





3.3 动态 文字 特效 


3.3.1 案例 五 : 变心 文字 


一 、 案 例 效果 预览 


条例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /变心 文字 .swf” 文 件 。 通过 预览 
了 解 本 案例 的 最 终 效 果 。 本 案例 主要 全 用 Flash CS5 的 椭圆 工具 、 文字 工具 、 柔 化 填充 边 毕 
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和 创建 形状 动画 命令 来 制作 一 个 动态 的 变心 文字 效果 。 通 过 该 秦 例 的 学 习 ， 使 学 生 人 掌握 形 
状 动画 制作 的 方法 和 技巧 。 
二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 
EO 
案例 制作 的 大 和 致 步骤 : 
永 不 变心 dF 


根据 案例 的 要 求 , 输入 文字 。 





字 分 离 、 使 用 选择 工具 对 


se 








三 、 详 细 操 作 步 又 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “变心 文字 .fla” 的 文件 。 

步骤 2: 单 击 T( 文 字 ) 工 县, 在 舞台 上 输入 “ 永 不 变心 ”文字 , 文字 【属性 】 面板 的 
设置 如 图 3.55 所 示 , 文字 效果 如 图 3.56 所 示 。 

步骤 3: 单 击 * 尘 择 ) 工 具 , 选中 刚 输 入 的 文字 , 在 文字 上 右 击 , 弹出 快捷 菜单 , 单 击 
医 下 于 命 令 , 将 文字 分 离 成 单个 文字 , 如 图 3.57 所 示 。 





永 不 变心 。 永 不 变心 
图 3.56 


图 3.57 


[Fem 

步骤 4: 再 在 文字 上 右 击 ,在 弹出 的 快捷 菜单 中 单 击 估 命令 ,将 文字 分 高 成 矢量 图 ， 
使 用 * (选择 江 具 调整 文字 形状 ， 如 图 3.58 所 示 。 

步骤 5: 在 “图 层 1” 的 30 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 号 wa 命令 ， 此 时 将 
在 30 帧 处 插入 关键 帧 ， 如 图 3.59 所 示 。 

步骤 6: 单 击 马 (椭圆) 工具 ,在 30 帧 处 绘制 一 个 圆 ， 并 将 文字 删除 ， 单 击 * (选择 ) 工 
具 , 将 椭圆 调整 成 一 个 心 形 ， 如 图 3.60 所 示 。 


mm 
> ZIS 、 
TIN 
水 不 要 心 | ne 等 
图 3.58 图 3.5 图 3.60 

步骤 7: 在 “图 层 1” 的 60 帧 处 右 击 , 在 3 单 中 , 单 击 码 em 命令， 此 时 
将 在 60 帧 处 插入 一 个 关键 帧 。 

步骤 8: 单 击 EN mm 几 y 弹出 对 话 框 ， 对 话 框 的 设置 如 图 3.61 所 
示 ， 单 击 Cs 按钮， 得 到 如 图 3.62 瞩 示 的 文字 效果 。 


步骤 9: 重复 步骤 8， 得 到 示 的 效果 。_ 
步骤 10: 在 图 层 1 的 70 ; 弹出 快捷 菜 出 的 快捷 菜单 中 单 击 有 EE 玉生 
了 10 


令 , 此 时 在 60 帧 至 70 帧 A 
步骤 11: 单 击 具 ， 在 舞台 上 ”两 个 字 , 使 用 * (选择 江 具 调整 图 





形 的 形状 ， 效 果 


i@O0go 


图 3.61 图 3.62 图 3.63 


步骤 12: 单 击 “图 层 1”, 将 “图 层 1” 选中, 如 图 3.65 所 示 。 

步骤 13: 在 选中 的 帧 上 右 击 ,弹出 快捷 菜单 ， 在 弹出 的 快捷 菜单 中 单 击 鲁 wamw 命令 。 
【属性 】 面 板 设置 如 图 3.66 所 示 。 

步骤 14: 图 层 效 果 如 图 3.67 所 示 。 按 Ctrl+S 组 合 键 保存 文件 。 





吕 
SO 1 2 sa 3 aa se 二 号 开 有 





图 3.65 图 3.66 
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四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 


i “第 3 章 Flash CS5 文字 特 
效 /变心 文字 练习 .swf” 文 件 。 , 


案例 效果 见 本 书 提供 的 “第 3 音 Flash CS5 文字 特效 /文字 的 淡出 淡 入 .swf” 文件。 通 
过 预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 选 择 工具 转换 为 
元 件 命令 、 任 意 变形 工具 和 Alpha 属性 设置 来 制作 文字 的 淡出 淡 入 效果 。 通 过 该 案例 的 学 
习 ， 使 学 生 拿 握 淡出 淡 入 文字 动画 制作 的 方法 和 技巧 。 

二 、 本 秦 例 画面 效果 及 制作 步骤 (流程 ) 分 析 

秦 例 画面 效果 如 下 : 








Fer: 


秦 例 制作 的 大 至 步骤 : 


根据 案例 的 要 求 , 输入 文字 。 > 将 文字 转换 为 图 形 元 件 。 | 


创建 关键 辣 并 设置 关 狂 外 
bielssiidilan 人 从 图 形 元 信 的 变形 和 Alpba 人 的 


大 小 。 


三 、 详 细 操作 步骤 冶 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “文字 的 滋 贱 池 ”的 文件 。 

步骤 2: 单 击 下 文字) 工具 ， 在 舞台 上 输入 “文宗 的 次 出 淡 入 ”， 如 图 3.68 所 示 。 

步骤 3: 将 文字 转换 为 图 形 元 件 。 

步骤 4: 在 “图 层 1” 的 30 帧 处 右 击 ， 
在 “图 层 1” 的 30 帧 处 插入 了 一 个 

步 最 5: 利用 步骤 4 的 方法 ， 

步骤 6: 单 击 “ 图 层 1” 的 第 
Shiff 键 ,利用 鼠标 操作 将 文 
文字 效果 将 如 图 3.71 












快捷 菜单 中 单 击 过关 剖 闭 命令， 此 时 


”的 fn 
中 第 1 帧 的 文字 , 单 击 巾 ( 任 意 变 形 江 具 , 按 住 
设置 文字 的 Alpha 值 为 如 图 3.69 所 示 ， 











2 的 60 帧 ， 选 项 的 文字 ， 单 击 马 (任意 变形 ) 工 具 , 按 
Shift 键 , 利用 鼠标 文字 变 小 , 并 3 属性 】 面板 的 Alpha 值 为 如 图 3.69 所 示 ， 
es 0 所 示 。 人 
| 
向 lem 
ee “| 
文字 淡出 淡 入 效果 这 坚 | | | 
图 3.68 图 3.69 图 370 


步骤 8 : 单 击 第 60 帧 ， 单 击 吴 (任意 变形 江 具 ， 按 Sbit 键 ,利用 鼠标 操作 将 文字 变 
小 ,并 设置 文字 【属性 】 面 板 的 Alpha 值 为 如 图 3.71 所 示 ， 文 字 效 果 将 如 图 3.72 所 示 。 
TREE 











夯 区 
SN Re [Er 
> Eaves 
a 
| 一 一 一 一 一 一 m 
i ES | 
par 
图 3.71 图 3.72 
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步骤 9: 单 击 “ 图 层 1”, 将 图 层 1 选中 , 在 图 层 1 的 第 ! 一 60 帧 的 任意 一 帧 处 右 击 ， 
从 弹出 的 快捷 菜单 中 单 击 saemem 命 令 , 将 他 们 创建 补 间 动 男 , 图 层 1 的 效果 如 图 3.73 所 示 。 
步骤 10: 补 间 动画 【属性 】 面 板 的 设置 如 图 3.74 所 示 。 







时 间 物 
SO 有 SS » 5 3 3 的 





图 3.73 < 图 3.74 
步骤 11: RN 的 “文字 的 淡出 淡 入 .swf” 文件 。 
使 用 前 面 所 学 知识 绘制 如 下 所 示 ~ 完整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /文字 的 淡出 淡 入 练习 .swf” 文 


y 风光 有 $2 
a ff eK 
3.3.3 实例 轨 入 文字 效 谨 - 
一 、 案 例 效果 预览 


案例 效果 见 本 书 的 “第 3 章 Flash CS5 文 字 特 效 气 滞 的 文字 .swf’ 文件 。 通 过 预览 
解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 选 择 工具 、 分 高 工具 、 分 散 
到 图 层 命令 、 变 形 命令 、 创 建 传统 补 间 命 令 制 作文 字 的 漂 涪 效果 。 通 过 该 案例 的 学 习 ， 使 
学 生 擎 握 睦 沙文 字 效 果 动 画 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 





中 国 职业 教育 
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秦 例 制作 的 大 致 步骤 : 





根据 案例 的 要 求 , 输入 文字 。 将 文字 分 散 到 单个 图 层 中 。 











在 第 60 颌 的 位 置 为 各 个 图 层 
Ee 选中 所 有 图 层 的 第 1 


行 错 位 词 整 。 


创建 传统 补 间 动画 ， 设 置 动 将 文字 移动 到 舞 
画 局 性 浮动 画板 ， 对 各 个 图 层 进 | 《< 一 一 pi 进行 委 直 和 水 





三 、 详 细 操 作 步 又 


步骤 1: 运行 Flash CS5 ， 新 “ 屠 落 文字 效果 fla” 的 文件 。 
步骤 2: 在 浮动 面板 中 单 


】 面板 中 的 = 所 ;弹出 【属性 】 面板， 将 背景 设 
置 为 黑色 ，【 属 性】 面板 的 


为 如 图 3.7 
步骤 3: 单 击 次 or 文字 , 其 大 小 、 位 置 、 颇 







et 





色 如 图 3 PA 
步骤: 亲 下 EDTIR， x 在 文字 上 右 击 , 在 弹出 的 快捷 采 中 单 击 欧 合 
令 , 将 文字 分 个 文字 , 如 图 3.77 所 示 。 
ee 
[ns 
i) TE 
沙文 字 效 采 国标 落 文字 效果 
图 3.75 图 3.76 图 3.77 
步 难 5: 单 市 WO see- swsso 命 令 ， 将 文字 分 表 到 各 个 图 层 ， 图 层 效 果 如 
图 3.78 所 示 。 
步 难 6: 单 击 选中 “图 层 1”, 单 而 【 图 层 】 面板 中 的 按钮 ,将 “图 层 1” 删除 ， 效 
果 如 图 3.79 所 示 。 


步骤 7: 单 击 选中 “ 敢 ” 图 层 的 第 40 帧 ， 在 按 住 Sb 壕 键 的 同时 单 击 “ 果 ”图 层 的 第 
40 帧 ， 此 时 选中 所 有 图 层 的 第 40 帧 ， 效 果 如 图 3.80 所 示 。 
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图 378 图 379 3.80 
步骤 8: 把 鼠标 指针 移 到 任意 一 层 的 40 帧 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 sex 命 


令 ， 依 此 方法 在 每 层 的 第 40 帧 处 插入 关键 帧 ， 图 层 效果 如 图 3.81 所 示 。 
步骤 9: 单 击 %( 选 择 ) 工 具 , 在 任意 图 层 的 第 1 帧 处 单 击 , 再 在 舞台 中 将 所 有 文字 选中 ， 


并 将 文字 移动 到 舞台 左上 角 ， 如 图 3.82 所 示 。 论 
3 ng 3.83 所 示 。 






weaol ss w s w a Ww 
| 





步骤 10: 单 击 本 一 ESM 合 令 。 
步骤 11: 单 击 EEE 二 8m 一 >Fesm 命令 和 















0 
图 3.81 小 88 图 3.83 
步骤 12: 单 击 a 1 帧 ， 在 按 信 同时 ， 单 击 “ 果 ”图 层 的 第 40 帧 ， 
选中 所 有 图 层 的 前 :的 帧 ， 所 获得 的 图 层 3.84 所 示 。 






NX 


图 3.84 


步骤 13 : 把 鼠标 指针 移 到 被 选中 的 帧 上 并 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 ewe 命 
令 , 为 所 有 的 图 层 创建 补 间 动 画 ， 图 层 效果 如 图 3.85 所 示 。 
步骤 14: 选中 所 有 图 层 的 第 1 帧 , 设置 【属性 】 浮动 面板 ， 有 具体 设置 如 图 3.86 所 示 。 











sh C85 tn 


步骤 15: 单 击 由 (选择 江 具 ， 调 整 图 层 的 位 置 ， 图 层 效果 如 图 3.87 所 示 。 


Sw 








图 3.87 
步骤 16: 单 击 “ 棱 ”图 层 的 第 100 帧 ， 在 按 住 Sh 记 键 的 同时 单 击 “ 果 ” 图 层 的 第 100 
帧 ， 此 时 将 选中 所 有 居 的 第 100 帧 ， 在 第 100 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 证 EE 
令 ， 图 层 效果 如 图 3.88 所 示 。 


























3.88 
py 2 swf”Flash 文 件 。 
部 分 效果 如 本 节 omer 所 示 。 


四 、 举 一 反 三 
EX aa nn “第 3 音 Flash CS5 文字 特 
效 / 2 swf” 文件。 Ee 





3.3.4 案例 八 : 变色 变形 文字 


一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /变色 变形 文字 .swf” 文件 。 通 过 
预览 了 解 本 案例 的 最 终 效 果 。 本 委 例 主要 使 用 Flash CS5 的 文字 工具 ,渐变 填充 ,选择 工具 、 
补 问 动 轴 全 0 令 和 分 高 命令 来 制作 一 个 变色 变形 文字 效果 。 通 过 该 案例 的 学 习 ， 合 学生 拿 握 

变形 文字 效果 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


秦 例 画面 效果 如 下 : 
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上 人生 准 风 人 生 和 您 人 人 全 千 My 


秦 例 制作 的 大 至 步骤: 


人 生 准 则 |、 人生 准 则 | 
根据 案例 的 要 求 , 输入 文字 : 分 高 文字 并 进行 渐变 填充 。 





起 续 使 月 选择 工具 和 渐 训 庆 A 


充 工具 进行 填充 变形 词 节 : 


使 用 选择 工具 和 渐变 填充 工 


具 进 行 戎 充 变形 词 节 。 












步骤 1: 运行 Flash CS 个 名 为 “ 变 -fla” 的 文件 。 


步骤 2: 单 击 ， 在 舞台 上 输入 稚 则 ”文字 ,如 图 3.89 所 示 。 
步骤 3: 单 击 县 , 在 输入 的 ,在 弹出 的 快捷 菜单 中 单 击 合 命令 ， 
a 再 重复 使 A ”命令 ， 将 单个 文字 分 高 成 天 量 图 形 ， 如 
图 3. 90 所 示 。Ny 7 

步骤 4: 单 击 尺 癸 料 桶 ) 工 具 ,，【 阁 色 】 浮 动 面板 设置 如 图 3.91 所 示 ， 此 时 的 文字 效 
果 如 图 3.92 所 示 。 


RS 
三 、 详 细 操作 步骤 从 
yA 


人 生 准 则 ”人生 准则 RS 可 人 生 准 则 


图 3.89 图 3.90 图 3.91 图 3.92 
步骤 5: 使 用 (选择 ) 工 具 ,， 调整 文字 形状 ， 最终 效 果 如 图 3.93 所 示 。 
步骤 6: 在 “图 层 1” 的 第 15 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 ***es 命令 ， 此 时 
在 第 15 帧 处 插入 了 一 个 关键 帧 。 调 整 【颜色 】 浮 动 面 板 的 设置 如 图 3.94 所 示 。 文 字 盾 充 
效果 如 图 3.95 所 示 。 


Fr 


步骤 7: 使 用 (选择 ) 工 具 ， 调整 文 字形 状 ，, 最 终 效 果 如 图 3.96 所 示 。 





人 生 准 则 
图 3.93 
步骤 8: 在 “图 层 1” 的 第 30 帧 处 右 击 ， 在 弹出 的 堪 症 菜单 
在 第 30 帧 处 插入 了 一 个 关键 帧 。 调 整 【 颤 色 】 浮 动画 板 的 设置 
效果 如 图 3.98 所 示 。 







中 单 击 到 zew 命令 ,此 时 
如 图 3.97 所 示 。 文 字 填 充 





图 3.97 图 3.98 图 3.99 


步骤 10: 利用 NGO 先 择 ) 工 具 单 击 选中 “图 层 1”， 此 时 图 层 1 的 效果 如 图 3.100 所 示 。 
在 “图 层 12” 选 中 的 任意 一 帧 上 右 击 , 弹出 快捷 菜单 , 单 击 we 命令 即 可 创建 补 间 动 画 ， 


如 图 3.101 所 示 。 
a | 
vO 于 加 





I 本 De 
图 3.100 图 3.101 
步骤 11 : 完整 动 男 请 观看 从 本 书 提供 的 网 页 下 载 的 素材 第 3 章 的 “变色 变形 文字 -swf 
文件 。 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash Cs5 文字 特 
加 


第 3 章 Flash CS5 文字 特效 
效 /变色 变形 文字 练习 .swf” 文 件 。 


动 亏 吸 计 号 济 吃 计 动 另 设计 


3.3.5 案例 九 : 环形 旋转 特效 文字 

一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /环形 旋转 特效 文字 .swf” 文 件 。 
通过 预览 了 解 本 奉 例 的 最 终 效果 。 本 碌 例 主要 使 用 Flash CS5 的 文字 工具 、 引 导线 、 创建 补 
间 动 画 和 分 高 命令 来 制作 环形 旋转 特效 文字 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 人 掌握 引导 图 
层 的 使 用 方法 和 技巧 。 & 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 人 


秦 例 画面 效果 如 下 ; 






没 


案例 制作 Wd 


， 使 用 引导 图 层 2 将 环形 文字 分 离 为 单个 文字 
创 动画 效果 . 将 环形 动 效果 并 改 为 自己 需要 的 文字 。 选 
面 中 的 首 违 师 转 搞 为 关键 师 。 中 所 有 文字 并 复 创 。 


再 创建 一 个 新 的 图 形 元 件 , 粘 
贴 文字 , 分 高 文字 并 进行 填充 。 利 
< 月 前 而 所 学 知识 前 作 浮雕 效果 。 


配 


创建 一 个 影片 勇 辑 元 件 , 将 浮 
有 周 环 形 文字 图 形 元 件 拒 到 影片 前 
辑 中 , 制作 旋转 动画 效果 : 使 用 任 
意 变形 工具 制作 透视 动画 效果 。 





三 、 详 细 操作 步骤 

1. 创建 环形 文字 图 形 元 件 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “环形 旋转 特效 文字 fla” 的 文件 。 

步骤 2: 单 击 浮动 面板 中 的 崔 胺 钮 ,在 【属性 】 浮动 面板 中 将 背景 色 设 置 为 黑色 ,如 
图 3.102 所 示 。 

步骤 3: 单 击 国 风 一 me- cot 命令 ， 弹 出 【创建 新 元 件 】 对 话 框 ， 具 体 设置 如 
图 3.103 所 示 。 单 击 忆 按钮， 新 建 一 个 图 形 符号 。 


国 : 
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图 3.102 图 3.103 


步骤 4: 在 工作 区 中 输入 “ 蓝 ” 字 , 在 “图 层 1” 的 第 24 帧 处 插入 关键 帧 。 在 “图 层 
1” 的 第 1 一 24 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 测 w**#9 命 令 , 为 图 层 1 创建 补 间 动 画 。 


步骤 $: 在 “图 层 1” 上 右 击 弹出 快捷 菜单 ， 在 弹出 的 快捷 菜单 中 单 击 swwzsses 命 
区 给 制 一 个 圆 。 
a 如 图 3.104 所 示 。 


创建 一 个 引导 层 。 
i 3.105 所 示 的 位 置 , 再 单 击 “图 








令 


o 


步骤 6: 单 击 o 懈 圆 工具 ， 将 填充 色 设置 为 去 

步骤 7: 利用 (橡皮 掠 工 具 ， 将 给 制 的 机 加 

步骤 8: 单 击 “ 图 层 1” 的 第 1 帧 , 将 “ 禾 * 
层 1” 的 第 24 帧 , 将 “ 蓝 ” 字 移 到 如 图 3. 





图 4 个 和 图 3.106 

步骤 9: : 层 1” 的 第 1 一 24 帧 之 间 右 击 , 在 弹出 的 快捷 菜单 中 单 击 easya 命令 ， 
创建 补 间 动 画 。【 属性】 浮动 面板 的 设置 如 图 3.107 所 示 。 

步骤 10: 在 “图 层 1” 上 单 击 选中 整个 图 层 ,， 在 选中 图 层 的 两 个 关键 帧 之 间 右 击 , 弹 
出 快捷 菜单 ， 单 击 exew 命令, 将 所 有 过 渡 帧 竺 换 为 关键 巾 ， 时间 i 由 如 图 3.108 所 示 。 

es 11: 将 时 间 轴 上 的 关键 帆 隔 凡 山下， 时 间 轴 如 图 3.109 所 示 。 








Gy (ms 丰 








Ee 
图 3.107 图 3.108 图 3.109 
步骤 12 : 单 击 图 层面 板 中 的 可 (编辑 多 个 帧 ) 琅 钮 ， 此 时 的 图 层面 板 如 图 3.110 所 示 ， 
文字 效果 如 图 3.111 所 示 。 


步骤 13 : 在 选中 的 文字 上 右 击 ， 弹 出 快捷 荣 单 ， 单 击 生命 令 ， 将 文字 分 离 成 单个 文 
字 , 如 图 3.112 所 示 。 


:全 由 
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步骤 14: 单 击 于 文字) 工具 , 将 “ 蓝 ” 修 改 成 自己 想 要 的 文字 , 效果 如 图 3.113 所 示 。 
步骤 15: 将 所 有 修改 好 的 文字 全 部 选中 ， 按 CtrHC 键 复制 文字 。 


Tamm es 
3 os 
了 oe, 
由 
有 SEE 


图 3.110 图 3.111 图 3.112 图 3.113 


步骤 16: 单 击 本 + msm ”eis 命令 ,弹出 [创建 新 元 件 ] 对 话 框 , 按 如 图 3.114 
所 示 进行 设置 。 单 击 [到 时 _] 按 包 ， 新 建 一 个 新 图 形 符号 》 下 的 .Ci*Y 急 将 刚 复审 的 文字 
复制 到 该 符号 中 。 

步骤 17: 利用 前 面 所 学 的 知识 ， 给 该 环形 文字 by 雁 效 果 ， 效 果 如 图 3.115 所 示 。 

步骤 18: 单 击 图 层面 板 的 EH 实 钮 返回 a 

2. 创建 影片 剪辑 动画 元 件 


步骤 1: 单 击 醒 本 -和 = Co 弹出 【创建 新 元 件 ] 对 话 框 , 具体 设置 如 
图 3.116 所 示 。 单 击 Ce_ 按 钮 ， 



















图 3.114 图 3.115 图 3.116 


步骤 2: 将 库 中 的 “图 形 元 件 ” 拖 到 影片 到 辑 中 。 

步 台 3: 在 “图 层 1” 的 30 帧 处 插入 关键 帧 ， 并 选中 “图 层 1”， 如 图 3.117 所 示 。 
步骤 4: 创建 传统 补 间 动 男 ,设置 属性 面板 如 图 3.118 所 示 。 

步骤 5: 单 击 【图 层 ] 面板 的 本 BE 对 安 钮 ， 返 回 场景 1。 

步骤 6: 将 库 中 的 “环行 旋转 ”影片 剪辑 把 放 到 舞台 上 。 

步骤 7: 利用 踊 ( 任 意 变 形 江 具 ， 对 “环行 旋转 ”影片 进行 变形 ， 最终 效 果 如 图 3.119 











图 3.117 


图 3.119 





步 最 8: 充 整 动 男 效 果 请 观看 本 书 提供 的 网 页 下 载 的 素材 第 3 章 的 “环行 旋转 文字 特 
效 .swf” Flash 文 件 。 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 /环形 旋转 特效 文字 练习 .swf” 文 件 。 


3.3.6 ”案例 十 : 跳动 的 文字 效果 rE 





一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 3 章 Ff 字 特 效 /跳动 的 文字 效果 .swf” 文件 。 
过 预览 了 解 本 案例 的 最 终 效果 。 本 案例 Flash CS5 的 文字 工具 、 分 艇 到 图 层 、 六 
关键 帆 、 创 建 传统 补 间 、 2 作 跳动 的 文字 效果 。 通 过 该 案例 的 学 习 ， 使 
学 生 营 握 引 | 性 图 层 的 使 用 方法 


= Teammate 2 和 


案例 er 
NS 中 国有 职业 教育 








案例 制作 的 大 致 步骤 ， 

中 国 职业 教育 > 

创建 一 个 图 形 元 件 并 输入 如 将 文字 分 高 成 单个 文字 ,再 
上 图 所 示 的 文字 分 获 到 各 个 图 层 。 





将 制作 好 的 影片 剪辑 元 件 拖 < 使 月 分 散 的 文字 图 层 制 作 传 
两 次 到 舞台 中 并 词 整 好 位 置 .将 下 统 衬 间 动 画 ， 进 行 图 层 词 整 。 
画 的 文字 进行 委 直 翻转 和 Alpha 
们 设置 即 可 - 
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三 、 详 细 操作 步骤 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “跳动 的 文字 效果 .fla” 的 文件 。 

步骤 2: 单 击 轴 而 Wa#0- et 命令 , 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 如 
图 3.120 所 示 。 单 击 忆 as 按钮， 新 建 一 个 影片 剪辑 符号 。 

步骤 3: 在 浮动 面板 中 单 击 | 三 项 ， 转 到 【属性 ] 浮动 面板 。 在 浮动 面板 中 将 舞台 背景 
设置 为 黑色 。 

步骤 4: 单 击 下 (文字 ) 工 具 ,， 在 舞台 中 输入 如 图 3.121 所 示 的 文字 。 















图 3.120 图 3.121 
步骤 5: 单 击 N( 选 择 ) 工 具 ,， 在 输入 双 aE ， 弹 出 快捷 菜单 ， 单 击 二 命令 , 将 
文字 分 离 成 单个 文字 。 


步骤 6: 再 在 分 高 的 文字 上 右 : ss 单 击 sewas 命令 ， 将 单个 文字 分 散 


到 各 个 图 层 ， 如 图 3.122 所 示 。 党 有 

步骤 7: 在 “图 层 1” 刀 音 击 y 选中 ea 单 击 时 间 铀 上 的 (删除 图 层 ) 按 
钮 ,将 “图 层 1” 灿 除 123 所 示 。 

步骤 8: 在 “中 层 的 20 帧 处 单 击 Shift 键 的 同时 ， 在 “ 育 ” 图 层 的 第 20 由 
处 单 击 , 先 有 的 第 20 帧 。 节 A 和 

步骤 9: 的 第 20 帧 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 we* 命令 ， 在 第 20 帧 外 
插入 一 个 关键 帧 。 


步骤 10 : 使 用 步 邓 9 的 方法 ， 在 所 有 图 层 的 第 40 帧 处 插入 一 个 关键 帧 ， 如 图 3.124 
所 示 。 





图 3.122 图 3.123 图 3.124 
步骤 11: 选中 所 有 图 层 的 第 20 帧 , 并 将 工作 区 的 文字 向 上 移动 一 段 距离 , 如 图 3.125 
所 示 。 
步骤 12: 单 击 “ 中 ” 层 的 第 一 帧 ， 在 按 住 sh 这 键 的 同时 单 击 “ 育 ”图 层 的 第 40 帧 ， 
选中 所 有 图 层 的 所 有 帧 ， 如 图 3.126 所 示 。 








图 3.125 图 3.126 


步骤 13: 在 选中 的 任意 帧 上 右 击 , 弹出 快捷 菜单 ， 单 击 唱 we 命令, 创建 补 间 动画 ， 
如 图 3.127 所 示 。 
步骤 14 : 在 “ 国 ” 图 层 上 单 击 , 选中 “ 国 ”图 层 的 前 和 竟 ， 把 饼 标 指针 放 到 选中 的 


任意 帧 上 ， 在 按 住 鼠 标 左 键 不 放 的 同时 往 后 移动 ， 最 终 效 肝 -128 所 示 。 





图 3.129 


步骤 16: 利用 前 面 的 方法 , 选中 所 有 图 层 的 第 140 帧 , 并 在 任意 层 的 第 140 帧 上 右 击 ， 
弹出 快捷 菜单 ， 单 击 EE 芭 命令 ， 插 入 帧 。 

步骤 17: 单 击 时 间 轴 上 的 & 强 :按钮 返回 场景 。 

步骤 18: 打开 【 库 】 浮 动 面板 ， 将 库 中 的 本 BE 拖 到 舞台 中 ， 位 置 如 图 3.130 所 示 。 

步骤 19: 再 拖 一 次 ， 此 时 舞台 上 有 两 个 影片 剪辑 ， 如 图 3.131 所 示 。 

步骤 20: 选择 下 边 的 影片 剪辑 ， 单 击 EEED ES Emal 古今, 并 调整 文字 位 置 , 效 
果 如 图 3.132 所 示 。 

步骤 21: 选择 下 边 的 影片 剪辑 ， 并 设置 【属性 】 面 板 , 如 图 3.133 所 示 。 
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es 
i TNF @ 
回 4 
EM: 村 sh 3 
中 中 二 
中 中 中 EC) 
Cy 
图 3.130 图 3.131 图 3.132 图 3.133 


完整 动画 请 观看 本 书 提供 的 网 页 上 下 载 的 素材 第 3 音 的 “跳动 的 文字 效果 .swf” Flash 
文件 。 

四 、 举 一 反 三 论 

使 用 前 面 所 学 知识 给 制 如 下 所 示 的 图 形 ， 完 a “第 3 章 Flash CS5 文字 特 
效 /跳动 的 文字 效果 练习 .swf” 文件 。 《 










本 


属性 ] 面 板 中 的 | 机 一 局 项 ， 
RY i 





提示 : A 
然后 选择 “色调 ”， 所 需 


3.37 案例 二 一: 和 


一 、 案 例 jt 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 遮 轩 文字 效果 .swf” 文件。 通过 
预览 了 解 本 案例 的 最 终 效果 。 本 容 例 主要 使 用 Flash CS5 的 文字 工具 ,矩形 工具 ,渐变 工具 、 
笑 色 浮动 面板 的 设置 、 遮 重 命令 和 补 间 动画 命令 来 制作 讶 四 文字 效果 。 通过 该 案例 的 学 习 ， 
使 学 生 人 掌握 遮 嘲 动画 制作 的 原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 





[Fer 


秦 例 制作 的 大 致 步骤 : 


使 月 文字 工具 笨 入 震 要 的 创建 一 个 彩色 线性 渐变 短 形 
文字 : 刻 一 > | 杠 作 为 这 昌国 形 。 
制作 这 四 文字 效果 的 装饰 柜 。 < 创建 庆生 补 间 动 画 。 


三 、 详 细 操作 步 晤 
步骤 1: 运行 Flash CS5， 新 建 一 个 名 为 “ 遮 轩 文字 .fla ”的 文件 。 
步骤 2 : 单 击 溯 动 面板 中 的 项 ，【 属 性】 浮动 面 4 背景 颜色 设置 为 蓝 绿 色 。 


步骤 3: 单 击 轩 (文字) 工具 , 在 舞台 中 输入 如 图 3. 示 的 文字 。 文 字 【 属 性】 面板 


的 设置 如 图 3.135 所 示 。 
步骤 4: 单 击 时 间 柚 上 的 chen 从 个 新 图 层 ， 名 为 “图 层 2”, 并 选 
中 该 图 层 , 如 图 3.136 所 示 。 









图 3.134 图 3.135 
步骤 5: 单 击 豆 kB 形 ) 工 具 , 将 填充 色 设置 成 于 9 (新 变色 ), 并 在 舞台 上 绘制 一 个 起 形 ， 
如 图 3.137 所 示 。 
步骤 6: 设置 【颜色 】 浮 动 面板 ， 在 渐变 条 件 下 单 击 添加 色 块 标志 ， 并 设置 各 色 块 标 
志 的 额 色 ， 有 具体 设置 如 图 3.138 所 示 。 
步骤 7: 把 鼠标 指针 移 到 “图 层 2” 上 ,然后 按 住 鼠标 左 键 不 放 往 下 拖 动 , 将 “图 层 2” 
调整 到 图 层 1 下 面 ， 如 图 3.139 所 示 。 调 整 后 的 效果 如 图 3.140 所 示 。 


图 3.140 
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步骤 8: 在 图 层 的 第 60 帧 处 右 击 , 弹出 快捷 菜单 ， 单 击 2=es 命令 ， 此 时 在 第 60 帧 
处 将 插入 一 个 关键 帧 ， 并 创建 补 间 动画 ， 如 图 3.141 所 示 。 

步骤 9: 在 图 层 2 的 第 60 帧 处 右 击 , 弹出 快捷 菜单 ， 单 击 ** 命 令 ， 此 时 在 第 60 帧 
处 将 插入 一 个 普通 帧 , 如 图 3.142 所 示 。 





3.141 图 3.142 


步骤 10: 单 击 “图 层 1” 的 第 1 帧 , 并 调整 舞台 中 置 ， 如 图 3.143 所 示 。 
步骤 11: 在 “图 层 1” 上 右 击 , 弹出 快捷 菜单 ， 站 念 ， 创 建 遮 四 效果 。 图 层 


设置 如 图 3.144 所 示 ， 设 置 后 的 效果 如 图 3.145 ~ 


图 3.143 ez 和 






2 图 3.145 
步骤 12 : 单 击 8 的 可 (新 建 图 层 入 一 个 新 图 层 ， 名 为 “图 层 3”, 并 
选中 该 图 层 , 如 图 4446 所 示 。 2 


6 形 】 工 具 ， 在 舞 容 站 绘 制 如 图 3.147 所 示 的 图 形 。 完 整 动 画 请 观看 


图 3.146 图 3.147 





四 ， 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 请 观看 “第 3 章 Flash CS5 文字 特 
效 / 庶 二 文 字 效 果 练 习 .swf” 文 件 。 





国 加 





Fans eee 


3.3.8 案例 十 二 : 辉 光 特 效 文字 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 / 瞬 光 特效 文字 .swf” 文 件 。 通 过 
预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 矩形 工具 、 传统 补 间 
动画 命令 、Alpha 的 设置 、 蔡 号 元 件 的 创建 来 制作 辉 光 特 效 文字 效果 。 通 过 该 案例 的 学 习 ， 
使 学 生 人 掌握 辉 光 特 效 文字 制作 的 原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 男 面 效果 如 下 : 





案例 制作 的 大 致 步骤 : 


国有 


使 用 矩形 A 
动 面板 制作 区 个 图 所 示 的 图 形 
“ 










件 ， 将 图 形 元 件 沧 到 该 元 件 中 ， 
a 制作 上 图 所 的 影片 双 拓 元 件 。 
7 





元 件 : 





<- ENT 


在 场景 中 制作 文字 动画 : 


创建 一 个 新 图 层 ， 将 彩 片 劳 
辑 元 件 拖 到 该 图 层 ， 输 入 文字 。 





三 、 详 细 操 作 步 又 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “ 远 光 特效 文字 .fla” 的 Flash 文件 。 

步骤 2: 在 浮动 面板 中 单 击 册 项 , 转 到 【属性 】 浮动 面板 , 在 【属性 ] 面板 的 本 型 中 
将 舞台 背景 色 设置 成 纯 黑 色 。 

步 难 3: 单 击 本 加 一 WNW- or 命 今 , 弹出 [创建 新 元 件 ] 对 话 框 , 其 设置 如 图 3.148 
所 示 。 单 击 已 旺 _ 按钮 ， 新 建 一 个 图 形 元 件 。 

步骤 4: 单 击 电 ( 虐 形 ) 工 具 , 并 设置 填充 色 为 “ 黑 一 黄 一 黑 ” 形 式 的 渐变 , 【颜色 ] 浮 
动 面板 的 设置 如 图 3.149 所 示 。 

步 对 5: 在 工作 区 绘制 一 个 矩形 ， 如 图 3.150 所 示 。 
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图 3.148 图 3.149 图 3.150 
步骤 6: 单 击 图 标 部 分 选取 工具 ， 对 绘制 的 矩形 进行 调整 ， 效 果 如 图 3.151 所 示 。 
步骤 7: 单 击 时 间 灿 左上 角 的 Eee 按 钮 ， 转 回 场景 。 
步 驮 8 : 单 击 EE 命令 ,弹出 【 

3.152 所 示 。 单 击 忆 按钮， 新 建 一 个 “影片 剪辑 ” 
步骤 9: 将 “元 件 1” 抑 到 工作 区 , 位 置 如 图 






】 对 话 框 , 设置 为 如 图 


图 3.151 24152 图 3.153 
步骤 10: A mp eb i 单 击 ES 命令 ， 此 时 在 
【任意 变 开 





“图 层 1” eh SN 一 个 关键 帧 包 工具 调整 “元 件 1” 的 形状 , 如 
图 3.154 a 

步骤 11: 在 “图 层 1” 的 第 10 帧 处 右 击 ， 弹 出 快捷 菜单 ， 单 击 ESa33 市 令 ,此 时 在 
“图 层 1” 的 第 10 帧 处 将 插入 一 个 关键 帧 。 利 用 【任意 变形 】 工 具 调整 “元 件 1” 的 形状 ， 
如 图 3.155 所 示 。 

步骤 12: 在 “图 层 1” 的 第 18 帧 处 右 击 , 弹出 快捷 菜单 , 单 击 Bes 命令 ,此 时 在 
“图 层 1” 的 第 18 帧 处 将 插入 一 个 关键 帧 。 利 用 【任意 变形 了】 工具 调整 “元 件 1” 的 形状 ， 
如 图 3.156 所 示 。 

步骤 13 : 在 “图 层 1” 上 单 击 ， 此 时 将 选中 “图 层 1” 的 所 有 帧 。 在 选中 的 任意 帧 上 
右 击 , 弹出 快捷 菜单 ， 单 击 部 传 寺 补 同 命 令 , 为 “图 层 1” 创建 补 间 动 画 ， 如 图 3.157 所 示 。 


图 3.154 图 3.155 图 3.156 





古 : 





Fm: 


步骤 14: 在 “图 层 1” 所 选中 的 任意 帧 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 上 型 王 命 令 ， 复 制 
所 有 选中 的 帧 。 

步骤 15: 单 击 时 间 负 左下 角 的 可 【新 建 图 层 ] 按钮 , 此 时 将 插入 一 个 “图 层 2”。 在 “图 
层 2” 上 单 击 , 选中 所 有 普通 帧 , 在 选中 的 任意 帧 上 右 击 , 弹出 快捷 菜单 , 单 击 ES 全 令 ， 
粘贴 刚才 复制 的 帧 ， 如 图 3.158 所 示 。 

步骤 16: 利用 第 15 步 的 方法 , 再 新 建 一 个 “图 层 3”, 并 灶 贴 帧 ， 效 果 如 图 3.159 所 示 。 

步骤 17: 单 击 ( 选 择 ) 工 具 , 调整 3 个 图 层 中 帧 的 位 置 关系 ,调整 好 的 位 置 关系 如 图 3.160 
所 示 。 
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图 3.158 图 3. ee 
步骤 18: 单 击 时 间 轴 左上 角 的 场景 1 中 。 
步骤 19: 单 击 (文字 ) 工 具 ， i 入 “F” 文 字 ， 如 图 3.161 所 示 。 


步骤 20: 在 第 5 帧 处 插入 一 个 关 笛 顺 ,并 输入 “1” 文字 , 如 图 3.162 所 示 。 
步骤 21: 利用 步 邓 20 别 在 第 10、1 25、30、35 帧 处 插入 关键 帧 ， 
分 别 输 入 “a”、“S” ye 2 ‘0 NE 文字 ,如 图 3.163 所 示 。 


加 加 


图 3.160 


图 3.161 图 3.162 图 3.163 
步骤 22 : 单 击 时 间 轴 左下 角 的 加 扬 建 图 层 ) 按 钮 , 此 时 将 插入 一 个 “图 层 2”, 如 图 3.164 
所 示 。 
步骤 23: 选中 “图 层 2” 的 第 1 帧 ， 将 “元 件 2” 拖 到 舞台 中 ， 位 置 如 图 3.165 所 示 ， 
【属性 】 面 板 设置 如 图 3.166 所 示 。 
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步骤 24: 在 “图 层 2” 的 第 5 帧 处 插入 关键 帧 ， 再 拖 一 个 “元 件 2” 到 舞台 上 , 位 置 
如 图 3.167 所 示 , 【属性 ]】 面板 的 设置 如 图 3.166 所 示 。 

步骤 25 : 方法 同步 骤 24, 分 别 在 “图 层 2” 的 第 10、15、20 帧 处 插入 关键 帧 ， 将 库 
中 的 “元 件 2” 分 别 拖 到 第 10、15、20 帧 的 工作 区 , 【属性 ] 面板 的 设置 如 图 3.166 所 示 。 
最 终 效果 如 图 3.168 所 示 。 

步骤 26: 利用 前 面 所 学 的 知识 ， 新 建 一 个 图 层 ， 输 入 “ 辉 光 特效 ”， 并 制作 成 浮雕 效 
果 ， 如 图 3.169 所 示 。 


图 3.167 图 3.168 | 图 3.169 


步骤 27: acec 的 素材 第 3 章 的 “ 逻 光 特效 文字 .swf 





Flash 文件 。 
四 、 举 一 反 三 RS 


使 用 前 面 所 学 知识 绘制 如 从 形 ， 完 整 效 时 请 观看 “第 3 章 Flash CS5 文字 特 
种 






3.3.9 案例 十 三 : 晴 蝶 图 片 与 文字 
一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 /蝴蝶 图 片 与 文字 .swf” 文件 。 通 
过 预览 了 解 本 秦 例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 路 径 工具 、 图 片 的 
导入 与 影片 剪辑 来 制作 果 屿 图 片 与 文字 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 拿 握 文 字 路 径 的 
创建 和 路 径 动 画 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步 又 (流程 ) 分 析 


案例 男 面 效果 如 下 : 





I05: 





Chow 


笋 例 制作 的 大 致 步骤 : 
根据 案例 要 求 ， 导 入 作为 彰 ， 使 月 两 张 蝴 绕 图 片 制作 一 个 
县 的 四 片 。 蝴 竣 坊 革 外 衬 的 影片 前 抽动 画 ， 





返回 场景 ， 将 背景 图 片 、 文 dg 
字 和 路 径 动 画 影 片 双 竹 拖 到 舞 合 . As 


中 并 词 整 好 位 置 。 





三 、 详 细 操 作 步 又 8 


1. 导入 图 片 和 创建 文字 图 形 肪 


步骤 1: 运行 Flash CS3 “人 网 ye fla” 的 文件 。 
步骤 2: 单 击 | i 库 】 对 话 框 , 根据 图 片 保 存 
的 位 置 , 找到 中 ， ee 钮 ， 将 图 片 导 入 库 中 。 


步骤 3: Ta 片上 右 击 ， 弹 出 快捷 菜单 ， 单 击 喝 到 命令 ， 
将 图 片 分 高 , 部 图 3. es 并 在 “图 层 1” 的 第 80 帧 处 插入 一 个 普通 帧 。 

步骤 4: 单 十 Eg ， 弹出 【创建 新 元 件 】 对 话 框 ,设置 为 
如 图 3.171 所 示 。 单 击 Ce 站 按钮 ,新建 一 个 图 形 元 件 。 在 工作 区 中 输入 如 图 3.172 所 示 的 
> 

步骤 5: 单 击 时 间 铀 左上 角 的 瑟瑟 到 安 钮 ， 返 回 场景 。 





图 3.170 图 3.171 图 3.172 


步骤 6: 单 击 时 间 轴 上 的 可 令 建 图 层 ) 按 钮 ， 插入 一 个 新 图 层 。 在 新 建 图 县 上 双击 , 此 
时 新 建 图 层 处 于 修改 状态 ， 如 图 3.173 所 示 。 

步骤 7: 输入 “文字 图 层 ”文字 , 将 图 层 重 命名 ， 如 图 3.174 所 示 。 

步骤 8 : 将 “文字 ”图 形 元 件 拖 到 舞台 中 ， 其 大 小 、 位 置 如 图 3.175 所 示 ， 图 形 符号 
【 属性】 面板 的 设置 如 图 3.176 所 示 。 
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图 3.173 图 3.174 图 3.175 


2. 创建 “ 飞 三 的 最 朵 ”影片 剪辑 元 件 

步骤 1: 利用 步骤 2 的 方法 ,将 制作 蝴 蝶 动画 的 图 片 导入 到 库 中 。 

步骤 2: 单 击 E +3 命令, 弹出 【 元 件 】 对 话 框 , 具体 设置 
如 图 3.177 所 示 。 单 击 C 醉 按钮 ,新 建 一 个 影片 前 

步骤 3: 将 库 中 的 “位 图 3” 图 片 拖 到 工作 多 3. 178 所 示 。 

步骤 4: 在 图 层 的 第 2 帧 处 插入 一 个 关 旬 位 图 5” oy 将 库 中 的 “位 
图 6” 拖 到 工作 区 ， 位 置 跟 “ 位 图 5” 的 臣 全 

和 后 作 放 法 最 二 度 4 的 方法 - 浅 








中 。 
刘 i ; 并 在 每 一 个 图 层 上 拖 一 个 “ 飞 


步骤 6. 6: 和 时 间 轴 左上 角 
, 步 邓 7: 利用 前 面 第 6 Dy 3 





图 3.177 图 3.178 图 3.179 图 3.180 

3. 创建 路 径 文字 和 路 径 文字 动画 

步骤 1: 在 BEE 梧 图 层 上 右 击 ， 弹 出 快捷 荣 单 ， 单 击 和 wssssss 命令 , 插入 一 个 引导 
层 , 如 图 3.181 所 示 。 

步骤 2: 将 “文字 ”图 形 符号 拖 到 舞台 中 , 位 置 与 “文字 图 层 ” 中 的 文字 重合 , 如 图 3.182 
所 示 。 

步骤 3: 将 “引导 层 ” 之 外 的 所 有 图 层 锐 证 ,如 图 3.183 所 示 。 

[al 





图 3.182 





FE 

步 邓 4: 在 引导 层 中 的 文字 上 右 击 , 弹出 快捷 菜单 ， 单 击 蔚 王 强 命令 ,将 文字 分 高 成 
单个 文字 ， 如 图 3.184 所 示 ， 再 用 同样 的 方法 ,将 单个 的 文字 分 高 成 矢量 图 形 , 如 图 3.185 
所 示 。 

步骤 5: 单 击 E 一 Be 四 Ee 命令 ， 弹 出 【 柔 化 填充 边缘 】 对 话 框 ， 设 置 
如 图 3.186 所 示 ， 然 后 单 击 已 旺 _ 按钮 。 

步骤 6: 单 击 * (选择 ) 工 具 ， 并 配合 Shi 这 键 ， 选 择 邓 化 填充 边缘 的 文字 ， 并 按 Delete 
键 ， 效 果 如 图 3.187 所 示 。 





图 3.184 图 3.185 图 3.187 
步骤 7: 将 “引导 层 ”之 外 的 所 有 图 层 隐 藏 人 i 3.188 所 示 , 文字 如 图 3.189 
所 示 。 
步骤 8: 利用 有 (橡皮 擦 ) 工 具 和 * ， 将 文字 处 理 成 如 图 3.190 所 示 。 
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东 纪 
图 3j89 图 3.190 


步骤 9 : 将 “蝴蝶 1”“ 电 耻 业 2” 两 个 图 层 的 隐藏 和 锁定 取消 ， 并 在 两 个 图 层 的 第 80 
帧 处 插入 关键 帧 ， 图 层面 板 如 图 3.191 所 示 。 











图 3.191 


步骤 10: 将 时 间 指 针 移 到 第 1 帧 ， 并 调整 两 只 蝴 暴 的 位 置 ， 如 图 3.192 所 示 。 

步骤 1 : 将 时 间 指 针 移 到 第 80 帧 ,并 调整 两 只 蝴蝶 的 位 置 ， 如 图 3.193 所 示 。 

步骤 12 : 为 “蝴蝶 1” 与 “ 晴 嵌 2” 两 个 图 层 创建 补 间 动 画 ， 时 间 轴 效果 如 图 3.194 
所 示 。【 属 性 】 面 板 的 设置 如 图 3.195 所 示 。 
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图 3.194 四 图 3.195 
步骤 13: 将 所 有 图 层 的 隐藏 和 锁定 取消 3.196 所 示 , 动画 效果 如 图 3.197 











A 图 3.196 * 汇 


图 3.197 
步骤 14: (eet 3 音 的 “ 晴 蝶 与 文字 ”Flash 文件 。 


四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 3 章 Flash CS5 文字 特 
效 / 邮 有 时 图 片 与 文字 练习 .swf” 文 件 。 





3.3.10 ”案例 十 四 : 幻影 文字 效果 


一 、 案 例 效果 预览 
秦 例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 揪 ] 影 文字 效果 .swf” 文 件 。 通 过 
预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 补 间 动 画 、Alpha 属 
性 设置 和 元 件 转换 来 制作 幻影 文字 效果 。 通 过 访 案 例 的 学 习 ， 使 学 生 齐 握 幻影 文字 制作 的 
方法 和 技巧 
im: 





Fer: 


二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 
案例 画面 效 果 如 下 : 


案例 制作 的 大 致 步骤 : 


ECEEEESEZ3 人 
[一 >》 | 于 们 统 补 但 动画。 


根据 案例 要 求 ， 输 入 文字 并 


将 文字 转 痪 为 图 开元 件 , 如 上 图。 AS [1 


设置 图 层 的 第 1 颌 的 图 形 元 
件 的 Atpha 信 为 0. 选 咎 第 1~80 


晤 之 间 的 所 有 师 ， 复 便 所 有 是 。 


铬 
三 、 eo Wa 
步 对 1: 运行 : 衣 次 ] 影 文字 效果 .fla” 的 文件 ， 并 将 背景 色 设 
f 















再 新 建 8 个 新 图 层 ， 给 每 个 
图 层 粘贴 师 ， 词 整 每 个 图 
位 置 ， 最 终 效果 如 上 图 


RS 1 
步骤 2: 单 省 "(文字 ) 工 具 ,在 舞台 中 输入 如 图 3.198 所 示 的 文字 。 

步骤 3: 将 如 图 3.198 所 示 的 图 片 转换 为 图 形 元 件 。 

步骤 4: 在 “图 层 1” 的 第 80 帧 处 插入 关键 帧 。 

步骤 5: 为 “图 层 1” 创建 补 间 动画 。 选 中 “图 层 1” 的 第 1 帧 ， 设 置 〖【 属 性】 面板 ， 
如 图 3.199 所 示 。 选 中 “图 层 1 第 1 帧 中 的 文字 图 形 元 件 , 再 设置 【属性 ] 面板 , 如 图 3.200 
所 示 。 

步骤 6: 选中 “图 层 1” 的 前 80 帧 , 在 “图 层 1” 的 第 1~80 帧 的 任意 帧 上 右 击 ， 弹 
出 快捷 菜单 ， 单 击 EE3E 避 命令 ， 复 制 所 有 帧 。 





图 3.198 


:110 
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步骤 7: 再 新 建 8 个 图 层 ， 将 刚 复制 的 帧 粘贴 给 这 8 个 图 层 。 

步 巴 8: 调整 各 图 层 中 帧 的 位 置 , 如 图 3.201 所 示 。 

步骤 9 : 文字 效果 如 图 3.202 所 示 。 完 整 动画 请 观看 从 网 上 下 载 的 素材 一 一 本 书 第 3 
章 的 “幻影 文字 效果 -swf”Flash 文件 。 


SN 
























































图 3202 


四 、 举 一 反 三 





i “第 3 意 Flash C85 文字 特 
效 晴 昱 图 片 与 文字 练习 swf” 文件 。 ，》 













3.3.11 se 文字 净 -， 
中 
一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 3 章 Flash CS5 文字 特效 变色 文字 swf” 文件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 文字 工具 、 补 间 动 画 、 柔 化 填充 边缘 
和 色调 调整 来 制作 变色 文字 。 通 过 该 案例 的 学 习 , 使 学 生 人 掌握 变色 文字 制作 的 方法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 


1 





Fem: 


秦 例 制作 的 大 致 步骤 : 
Flash Cs5 动 画 设计 “| C 一 > Flesh 085 动 面 设 计 
根据 案例 要 求 ， 给 入 文字 并 对 矢 旦 文字 进行 又 化 填充 边 
将 文字 分 高 为 失重 图形 , 如 上 国 。 铬 操作 ， 效 有 宁 如 上 国 。 





使 月 词 色 命令 将 图 形 元 件 剑 
作成 变色 文字 动画 。 





三 、 详 细 操作 步骤 
步骤 1: 运行 Flash CS5, 新 建 一 个 名 字 .fla” 的 文件 。 
步骤 2 : 单 击 【 文 字 ] 工具 ， AS 职业 技能 ”四 个 字 , 其 大 小 与 位 置 如 图 3.203 






所 示 。 
步骤 3: 选中 刚才 输入 的 


字 上 右 击 , 弹 呆 , 单 击 EE 命 令 复 制 文字 。 
步骤 4: 新 建 一 个 图 层 ? 沾 刘 


in 令 ， 


将 复制 的 文字 站 由 到 

步骤 5: 将 新 于 图 民 陪 所 示 。 

步骤 6: 法 中 et 弹出 快捷 荣 单 ， 单 击 EB2 命 令 ， 将 广 
字 分 离 成 单个 冯 字 再 用 同样 的 方法 ， 将 单个 的 文字 分 高 成 天 量 图 履 ， 加 图 3205 所 示 。 


Flash CS5 动 画 设计 Flash 0S5 动 画 设计 
图 3203 图 3204 图 3205 
步骤 7: 单 击 [ED -BEE -ESEEEGE 合 令 ， 弹 出 【 柔 化 填充 边缘 】 对 话 框 ， 设 置 
如 图 3.206 所 示 。 单 击 L we 按钮 ,效果 如 图 3.207 所 示 。 
步骤 8: 单 击 移动 工具 , 配合 Shi 键 ， 选 中 文字 中 需要 删除 的 部 分 ， 并 按 Delete 键 将 
其 删除 ， 效 果 如 图 3 208 所 示 。 
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步骤 9: 选中 如 图 3.208 所 示 的 文字 , 在 文字 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 EREES 
命令 ,弹出 【转换 为 元 件 】 对 话 框 , 其 设置 如 图 3.209 所 示 。 单 击 己 玛 。 按钮 ， 将 其 转换 
为 图 形 元 件 。 

步骤 10: 在 “图 层 1 的 第 5 帧 处 插入 一 个 关键 帧 , 并 设置 【属性 ] 面板 为 如 图 3.210 
所 示 。 





加 | 2 = 
图 3209 图 3210 


步骤 11 : 方法 同步 骤 9， 4 NA 20、25 帧 处 插入 关键 帧 ， 分 别 设置 色调 
0 锁定 取 








频 色 为 黄色 、 粉 红色 、 深 红 
步骤 12: 将 “图 层 2 消 帧 处 插入 普通 帧 。 
步骤 13: 为 “图 传统 补 间 动 加 出 如 图 3.211 所 示 。 
步骤 14: 效果 如 图 212 所 示 。 守 的 8 十 汪 看 从 网 上 下 载 前 于 第 3 站 的 
“变色 文字 .swfXFl3 从 文件 。 ~ 
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图 3.211 图 3.212 


四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 请 观看 “第 3 章 Flash CS5 文字 特 
效 变 色 文字 练习 .swf” 文 件 。 


gzabN 职 生 入 链 








4 

5. 

6. 展开 的 画卷 

7. 旋转 的 

ee 
9 


.水 波 > 化 
礼花 

10. 海浪 线 

11. 裔 落 的 雨丝 

YN 说 明 


本 章 通 过 10 个 案例 介绍 Flash CS5 制作 特效 的 方法 ， 通 过 这 些 案 例 的 学 习 ， 同 学 们 可 
以 灵活 使 用 Flash 制作 出 很 多 意 想 不 到 的 动画 特效 。 


涪 教学 建议 课时 数 : 
一 般 情况 下 需 16 课 时 ,其 中 理论 4 课时 、 实 际 操作 12 课时 (根据 特殊 情况 可 做 相应 调整 )。 
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4.1 Flash CS5 动画 制作 基础 


4.1.1 动画 场景 


动画 场景 就 如 我 们 生活 中 唱戏 的 舞台 ,场景 中 的 各 个 对 象 就 好 比 是 唱戏 的 演员 ， 要 想 
做 动画 就 必须 先 了 解 场景 的 作用 和 基本 设置 。 因 为 建立 和 设置 动画 场景 是 动画 制作 的 前 提 ， 
它 直接 影响 到 动画 的 美术 效果 和 播放 速度 。 

1. 场景 局 性 的 设置 


制作 一 个 动画 首先 要 确定 它 的 固定 尺寸 、 人 。 单 击 浮动 面板 中 的 
Rs 贾 ， 转 到 【属性 】 浮 动 面板 ， 如 图 4.1 所 示 。 
在 该 场景 【属性 】 WE es 
(D NN: 在 该 框 中 可 以 设置 动画 的 播 pa 系 
统 黑 认为 12fps。 一 般 情 况 下 制作 的 动 男 、 于 网 络 动画 中 使 用 的 动画 ， 8 一 12fps 的 
帧 率 就 足够 了 。 “fps” 表 示 帧 秒 ， We 表示 一 秒 钟 播放 12 帧 。 
如 


(2) msm: a 图 4.2 所 元 的 【文档 设置 】 对 话 框 。 
项 中 有 两 个 } 别 是 【宽度 〗 和 【高 度 】。 在 
的 高 度 和 宽度 ， 黑 村 550X 400 像素 。 设 置 的 场景 越 大 ， 


OD rr ml a 
文件 就 越 大 。 - Me 
Oe A 3 个 子 选 项 ， 钉 作 动画 的 目的 。 选 中 On 可 单 半 按钮， 







这 两 个 输入 框 中 可 以 设 
可 以 使 制作 林 印 机 相 匹 配 ; 选中 局 内 客 回 单 选 按钮 ， 可 以 使 制作 的 动画 与 动 男 内 容 
相 匹 配 ， 并 使 动画 内 容 的 工作 区 四 周 具 有 相同 的 距 高 。 如 果 要 使 动画 尺寸 尽量 小 ， 可 以 将 
场景 中 的 内 容 尽 量 往 左 上 角 移动 ,然后 选中 【内 容 】 单 选 按钮 。 

辐 症 碟 门 : 单 击 口 , 弹出 【颜色 选择 】 面板 , 在 【 额 色 选择 】 面板 中 选择 所 需 的 背景 
颜色 。 

图 FREEEE = ， 这 是 一 个 下 拉 列 表 框 (图 4.3)， 用 来 设置 动画 场景 的 标尺 单位 。 








图 4.1 图 4.2 图 43 


回 设置 完毕 后 , 单 击 己 旦 一 按钮 , 即 可 将 设置 应 用 于 动画 。 如 果 想 将 用 户 对 动画 场景 
属性 的 设置 保存 为 系统 的 设置 ， 直 接 单 击 区 县 &ass .按钮 即 可 。 





Fase 

2. 动画 场景 管理 

在 Flash CS5 中 ， 动 画 场景 是 通过 【场景 】 面 板 来 管理 的 ， 利 用 它 可 以 对 场 最 进行 各 
种 操作 ， 如 添加 、 删 除 、 重 命名 等 。 直 接 按 Shif*F2 键 ， 将 弹出 如 图 4.4 所 示 的 场景 管理 
界面 。 

在 【场景 】 面 板 中 有 三 个 按钮 ， 可 以 分 别 进行 添加 、 删 除 、 复 制 场景 的 操作 ， 下 面 分 
别 进行 介绍 。 

(了 ) 可 (添加 场景 ): 一 个 场景 不 能 容纳 太 多 的 对 象 , 如 果 制 作 的 动画 比较 复杂 ， 那 么 可 
以 给 动画 添加 几 个 场景 以 满足 需要 。 单 击 名 按钮 即 可 添加 场景 。 

(2) 到 (删除 场景 ): 如 果 某 一 场景 已 经 不 需要 了 ， 用 饼 标 指针 单 击 选中 不 需要 的 场景 ， 
再 单 击 吕 按钮 ,此 时 将 弹出 如 图 4.5 所 示 的 对 话 框 。 如果 场景 ,直接 单 击 忆 地 
按钮 即 可 ， 如 果 不 想 删除 ， 刚 单 击 忆 ae= 按 钮 ， 取 消 贡 辽 

(3) 吗 ( 复 制 场景 ): 如 果 某 一 场景 需要 多 次 使 用 f 可 以 制作 它 的 副本 。 具 体 方法 是 在 【 场 
景 】 面 板 中 选择 要 制作 副本 的 场景 ， 单 击 WAN 下 方 的 国 ( 复 制 场景 按钮 ， 可 以 将 
所 选 场景 复制 出 一 个 副本 ， 如 图 4.6 所 示 。 区 


图 44 2 人 _ 图 46 

这 一 副 有 对 象 和 效果 与 所 时 完全 相同 ， 但 是 要 得 到 同样 的 效果 ， 只 有 对 
副本 场景 进行 重 涂 名 才 可 以 让 副本 场景 完全 独立 出 来 。 

重 命名 场景 的 操作 非常 简单 ， 用 鼠标 双击 需要 重 命名 的 场景 ， 此 时 场景 名 称 即 变 成 可 
修改 状态 ， 这 时 只 需 输 入 所 取 的 名 字 ， 然 后 按 Enter 键 即 可 。 

例如 ， 要 将 “场景 2 副本 ” 重 命名 为 “动画 片头 ”， 其 操作 方法 如 下 。 

中 双击 “场景 2 副本 ”,， 此 时 将 显示 为 如 图 4.7 所 示 的 效果 。 

@ 输入 “动画 片头 ”4 个 字 , 如 图 4.8 所 示 。 

加 再 按 Enter 键 , 完成 重 命名 场景 操作 。 








一 个 Flash CS5 文件 可 以 由 多 个 场景 组 成 , 每 个 场景 都 可 以 是 一 个 完整 的 动画 , 在 播放 
时 场景 和 场景 之 间 可 以 直接 进行 切换 。 
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切换 动画 场景 的 方法 如 下 。 

(了) 单 击 时 间 轴 右上 角 的 所 (编辑 场景 ) 按 钮 ， 弹 出 如 图 4.9 所 示 的 下 拉 列 表 。 在 下 拉 列 
表 中 包含 了 所 有 的 场景 。 

(2) 将 鼠标 移 到 需要 切换 的 场景 上 并 单 击 , 完成 动画 场景 的 切换 。 

如 果 没有 交互 切换 场景 , 则 在 Flash CS5 中 会 自动 按 顺序 播放 。 如 果 需 要 调节 动画 场景 
的 播放 顺序 ， 就 需要 对 【场景 】 面 板 中 的 场景 排列 顺序 进行 调整 。 调 整 场景 的 具体 方法 
如 下 。 

将 鼠标 指针 放 到 需 调整 的 场景 上 ， 按 住 饼 标 左 键 不 放 并 移动 ， 当 蓝 色 条 移 到 所 需 位 置 
时 松 开 鼠 标 左 键 归 可 。 如 图 4.10 所 示 ， 将 “动画 片头 ”场景 移 到 “场景 2” 前 面 。 最 终结 
果 如 图 4.11 所 示 。 
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图 49 


4.1.2 帧 的 操作 
1. 帧 的 类 型 


ne en -< Flash CS5 中 播放 的 内 容 ,Flash 
CS5 ee LE 成 的 ,这些 静止 的 图 像 就 是 “ 帧 >。Flash CS5 
舞台 上 某 一 8 图 像 是 由 当时 时 间 灿 上 播放 指针 所 在 的 同一 列 的 所 有 层 的 可 见 帧 共 
同 组 成 的 。 帧 的 类 型 有 如 下 几 种 。 

(D 关键 帧 (Key Frame): 关键 帆 是 决定 一 段 动画 的 必要 帧 ， 其 中 可 以 放置 图 形 对 象 ， 
并 可 以 对 所 含 内 容 进行 编辑 。 在 时 间 负 中 ,包含 内 容 的 关键 帧 显示 为 带 黑色 实心 加 点 的 方 
格 。 关 键 帧 一 般 插入 在 一 段 动画 的 开始 和 结束 位 置 。 

(2) 空白 关键 帧 (Blank Key Frame): 空白 关键 帧 就 是 什么 内 容 都 没有 的 关键 由 ,在 时 间 
轴 中 显示 为 黑 线 围 着 的 方 格 。 默 认 状态 下 每 一 层 的 第 一 帧 都 是 空白 关键 帧 ， 在 其 中 插入 内 
容 后 就 变 成 了 关键 帧 。 

(3) 过 渡 帧 (Tween Frame): 过 渡 帧 出 现在 动画 的 两 个 关键 帧 之 间 ， 其 中 显示 某 一 Flash 
过 渡 动画 的 若干 层 效果 。 在 时 间 铀 上 的 过 渡 帧 显示 为 带 有 箭头 直线 的 浅 蓝 色 方 格 。 

2. 帧 的 状态 和 表示 方法 


我 们 现在 来 认识 一 下 在 时 间 轴 中 各 种 帧 的 表示 方法 ,时 间 轴 中 有 很 多 单元 格 , 每 一 行 
代表 一 个 图 层 , 每 一 列 代 表 一 帧 。 打开 一 个 Flash CS5 文件 , 在 时 间 轴 上 一 般 会 看 到 以 下 几 
种 情况 。 

(DD) 单元 格 的 周围 如 果 是 粗 的 黑 线 框 , 就 表示 在 此 处 建立 了 一 个 空白 关键 帧 , 如 图 4- 了 2 
所 示 。 
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(2) 在 两 个 关键 帧 之 间 如 果 有 黑色 的 箭头 符号 ， 并 且 其 背景 为 粉红 色 ， 就 表示 两 个 关 
键 帧 中 有 过 渡 渐 变动 男 ， 如 图 4.13 所 示 。 

(3) 两 个 关键 帧 之 间 呈 现 法 禾 色 , 则 未 示 渐 变动 男 中 有 错 , 无 法 正确 完成 寺 渡 ,如 图 4.14 
所 示 。 








Eee 
图 4.12 图 4.13 图 4.14 
{49 在 两 个 关键 帧 之 间或 一 个 关键 帧 后 面 有 一 些 灰 关键 帧 中 有 一 个 实心 的 
圆圈 ， We ss .15 所 示 。 
‘a 示 这 一 帧 已 经 添加 了 动作 ， 当 动 






{《9) 帧 上 出 现 一 个 小 红旗 标志 ， 表 
记名 称 ， 如 图 4.17 所 示 。 


帧 的 创建 包括 : 关键 帧 的 创建 、 空 白 关 键 帧 的 创建 和 过 渡 帧 的 创建 。 下 面 分 别 介绍 这 
3 种 帧 的 创建 方法 。 

(DD 创建 关键 帧 ; 关键 帧 在 动画 制作 中 非常 重要 。 如 果 是 过 渡 动 男 ， 则 要 在 动画 的 关 
键 位 置 创建 关键 帧 。 在 时 间 轴 上 的 两 个 关键 帧 之 间 有 一 个 箭头 表示 动画 的 过 渡 过 程 。 系 统 
默认 第 一 帧 为 关键 帧 。 如 果 要 在 其 他 帧 处 创建 关键 帧 ， 其 方法 有 以 下 两 种 。 

中 将 鼠标 指针 移 到 需要 创建 关键 帧 的 帧 上 , 右 击 , 弹出 快捷 菜单 , 单 击 EEEES 恒 命令 ， 
此 时 就 创建 了 一 个 关键 帧 。 

加 单 击 需要 创建 关键 帧 的 帧 ， 按 F6 键 ， 即 可 创建 一 个 关键 帧 。 

(2) 创建 空白 关键 帧 : 空白 关键 帧 的 创建 方法 有 两 种 。 叫 将 鼠标 指针 移 到 需要 创建 补 
白 关键 帧 的 帧 上 , 右 击 , 弹出 快捷 菜单 ， 单 击 晤 se 命令 。@ 单 击 需要 创建 空白 关键 帧 
的 帧 并 按 F7 键 ， 即 可 创建 一 个 空白 关键 帧 。 

G) 创建 过 湾 帧 : 创建 过 渡 帧 有 两 种 情况 。 

中 当 两 个 关键 帧 的 图 像 是 失 量 图 形 时 ,在 两 个 关键 帧 之 间 的 任 一 帧 处 单 击 ,设置 帧 [ 属 
性 】 面板 , 如 图 4.18 所 示 。 
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加 当 两 个 关键 帧 的 图 形 是 元 件 时 , 在 两 个 关键 帧 之 间 的 任 一 帧 处 单 击 , 设置 帧 【属性 】 
面板 ， 如 图 4.19 所 示 。 





图 4.18 men 
提示 : 过 渡 帧 是 连接 两 个 关键 帧 的 桥梁， ror. 所 以 不 能 进行 编辑 。 


4. 由 的 编辑 
帧 的 编辑 主要 包括 复制 帧 、 Rb 、 拙 除 帧 和 翻转 帧 ， 下 面 详细 介绍 这 4 种 
操作 方法 。 

(1) 复制 与 粘贴 帧 : 在 Flash as Nt ， 而 且 还 可 以 把 编辑 制作 完 的 帧 
直接 复制 到 需要 的 位 置 ， 区 法 为， 在 需要 复制 秀 巾 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 
证 令 ， 就 可 将 次 剪贴 板 中 。 然 后 夺 需 要 向 贴 的 位 置 上 右 击 ， 弹 出 快捷 菜单 ， 
单 击 [EE 命 的 帧 粘贴 到 指定 的 位 置 













些 由 已 经 没有 9 它 删除 , 由 于 Flash CS5 中 由 的 类 型 不 同 ， 
同 。 如 果 要 将 关键 帧 苇 换 为 空白 关键 帧 ， 则 在 该 关键 帧 上 右 击 ， 弹 出 
命令 。 如 果 是 将 关键 帧 从 时 间 铀 上 删除 , 则 在 要 删除 的 关键 帧 上 右 击 ， 
弹出 快捷 菜单 ， 然 后 单 击 IE3 合 令 。 

(3) 移动 帧 : 在 制作 动画 的 过 程 中 ， 如 果 需 要 对 某 一 帧 或 多 个 帧 的 位 置 进行 调整 ， 可 
先 将 这 些 帧 选中 ， 然 后 按 住 鼠 标 左 键 拖 动 这 些 帧 到 需要 的 位 置 ， 再 松 开 鼠 标 按键 ， 这 样 即 
可 完成 移动 操作 。 

(9) 雳 转 帧 : 是 指 将 整个 动画 从 后 往 前 播放 (第 1 帧 变 成 最 后 一 帧 ， 最 后 一 帧 变 成 第 1 
帧 )。 选 定 所 有 的 帧 , 然后 将 所 有 的 过 渡 帧 变 成 关键 帧 , 在 选中 的 帧 上 右 击 , 弹出 快捷 菜单 ， 
单 击 IE 生命 令 ， 这 样 即 可 计 成 帧 的 翻转 。 


提示 : 如 采 要 翻转 桢 ， 则 第 1 愤 和 最 后 一 帧 必须 是 关键 巾 。 
5. 创建 帧 的 标签 


在 动画 的 关键 帧 上 插入 标签 , 对 于 辨认 关键 帧 非常 重要 , 这 就 好 像 一 个 人 的 名 字 一 样 ， 
一 般 动 画 有 很 多 帧 ， 如 果 没有 标签 ， 以 后 在 编辑 内 容 时 不 容易 对 帧 进行 定位 。 

如 果 要 给 某 一 帧 创建 标签 ， 单 击 浮动 面板 中 属 生 项 ， 转 到 【 属性】 浮动 面板 如 图 4.20 
所 示 的 帧 【属性 本 面板 。 

在 帧 属性】 面板 中 的 “标签 ”处 输入 一 个 适当 的 名 称 ， 设 置 充 毕 后 所 设置 的 标签 名 


D 





Fm: 


称 标 记 在 该 帧 上 ， 并 且 有 小 红旗 标志 ， 表 示 此 帧 已 被 标记 ， 如 图 4.21 与 图 4.22 所 示 。 





图 4.20 图 421 图 422 
提示 : 巾 的 标签 作为 文件 的 一 部 分 ， Ts 因此 应 杀 用 比较 短 的 


标签 来 缩减 文件 的 大 小 。 
6. 扩展 帧 的 内 容 


在 创建 动画 时 经 常会 碰 到 这 样 的 情况 ,一 
要 将 一 背景 图 像 添加 到 本 层 的 所 有 帧 中 ， 这 时 







需要 贯穿 整个 动画 的 全 过 程 。 这 就 需 
帧 的 内 容 。 


令 , 即 完成 帧 的 扩展 。 x> 


4.1.3 图 层 的 操作 水 党 让 
在 Flash CS5 aa 上 面 画 了 一 些 图 形 和 写 了 一 些 文 


字 , 将 这 些 薄 纸 2, 就 天 有 了 晤 区 的 。 图 层 是 时 间 轴 视窗 的 一 部 分 ， 如 图 4.23 
所 示 。 J 1 

在 Flash C83 中 引用 图 层 的 概念 , 其 目的 是 为 了 更 有 效 地 组 织 动 画 , 以 便 轻 松 地 制作 复 
杂 的 动画 。 

1 创建 新 图 层 

打开 Flash CS5 时 ,系统 会 有 一 个 默认 的 层 , 即 “ 图 层 1”。 为 了 更 好 地 组 织 动 画 的 图 
像 元 素 , 可 以 创建 新 的 图 层 , 具体 操作 方法 是 : 单 击 图 层 左下 角 的 加 令 建 图 层 ) 按 钮 , 即 可 
在 选中 的 图 层 上 面 插入 一 个 新 图 层 ， 如 图 4.24 所 示 。 






saols »u wi 
DE 





图 4.23 


2. 图 层 的 相关 操作 
在 制作 动画 的 过 程 中 ， 可 以 显示 或 隐藏 一 个 或 多 个 图 层 的 内 容 ， 掩 藏 的 图 层 也 会 被 正 
常 输出 ， 只 是 在 编辑 时 不 能 编辑 且 不 可 风 。 
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隐藏 或 显示 层 的 具体 操作 方法 如 下 。 

(了 ) 隐 着 图 层 : 在 眼睛 图 标 正 下 方 的 所 要 隐藏 的 图 层 的 圆 点 上 单 击 ， 此 时 会 在 隐藏 的 
层 上 出 现 一 个 有 5 生 标记 ， 如 图 4.25 所 示 。 

(2) 取消 隐藏 图 层 : 直接 单 击 医 标记， 即 可 取消 隐藏 ， 如 图 4.26 所 示 。 

(3) 锁定 图 层 : 选 定 需要 锁定 的 图 层 ， 单 击 昌 图 标 正 下 方 的 选 定 图 层 的 圆 点 ， 即 可 锁 
定 图 层 ， 如 图 4.27 所 示 。 





图 4.25 






3. 图 层 的 编辑 
2 OR api 所 有 图 的 


中 该 图 层 的 所 有 帧 。 在 所 选中 的 由 
车 块 ,完成 复制 。 
(2) 才 除 图 居 : ee ee 即 可 删除 选中 图 
层 , 如 图 4 

(3) 给 层 重 命名 : 在 需要 重 命名 的 图 层 名 称 上 双击 ,此 时， 图 层 名 称 如 图 4.29 所 示 。 
输入 修改 的 名 称 ， 按 Enter 键 ， 即 完成 修改 ,如 图 430 所 示 。 





图 428 图 429 图 430 


(4) 改变 图 层 的 壹 放 上 顺序: 一 个 动画 中 有 很 多 个 图 层 ， 图 层 在 窗口 中 的 顺序 决定 了 对 
象 在 舞台 上 的 释放 上 顺序。 如 果 某 一 图 层 处 在 另 一 图 层 的 上 方 , 则 在 工作 区 中 该 图 层 的 对 
和 象 也 在 另 一 图 层 的 上 方 。 如 果 要 改变 图 层 的 顺序 ， 只 要 使 用 鼠标 在 时 间 宙 视窗 中 拖 动 图 层 
的 名 称 到 指定 位 置 即 可 。 

4. 设置 图 尽 的 属性 


在 图 层面 板 上 的 某 一 图 层 中 右 击 ,， 弹 出 快捷 菜单 ， 单 击 【 属 性 ] 命令 , 弹出 如 图 4.31 





Fm: 
所 示 的 【图 层 属性 】 对 话 框 。 

在 【图 层 属性 】 对 话 框 中 可 以 设置 如 下 参数 。 

(1) 到 本 一 一 : 在 该 输入 框 中 可 以 对 选择 的 图 层 进行 重 命名 。 

(2) 日 sw : 该 复 选 框 可 以 选择 是 否 显 示 所 选择 的 图 层 。 

(3) Des : 利用 该 复 选 框 可 以 选择 是 否 锁定 所 选择 的 图 层 。 

(9) ES: 在 本 选项 中 可 以 选择 该 层 的 类 型 , 下 面 介绍 其 中 4 个 选项 , 分 别 性 【一 般 】、 
【引导 层 】、【 遮 章 层 】、【 被 庶 曙 】。 具体 介绍 如 下 。 

中 【一 般 】: 这 是 系统 默认 的 层 的 类 型 。 

加 【引导 层 〗】: 选择 该 选项 ， 可 以 将 这 个 层 作 为 引导 层 ， 以 便 用 来 创建 网 格 、 背 景 或 
其 他 对 象 ， 以 辅助 对 齐 其 他 对 象 。 


加 【 遮 曙 层 】: 选择 该 选项 ,可 以 将 这 个 层 作为 9 
外 【被 庶 晶 】: 这 是 一 个 与 某 一 个 庶 量 层 关联 ， 引 导 层 的 对 象 可 以 作为 这 一 
层 中 对 象 运动 的 向 导 。 


(5) ows : ee 它 仅 在 选 


中 该 选项 下 面 的 复 选 框 时 才 有 效 。 
(0) De ， 汉 让 放 儿 Sa 以 轮廓 线 的 方式 被 查看 。 


{7) mesos |, ) he Se 
度 显示 比例 ， 即 与 其 他 层 的 





图 4.31 


5. 图 层 的 抬 作 举例 


下 面 通过 实例 来 形象 地 说 明 图 层 的 操作 。 

(DD 打开 Flash CS5 工 作 窗口 ， 可 以 发 现 此 时 就 有 一 个 层 ， 它 的 名 字 是 “图 层 1”, 在 
工作 区 绘制 一 个 小 女孩 ， 并 通过 重 命名 操作 将 “图 层 1” 改 名 为 “小 女孩 ”， 如 图 4.33 
所 示 。 

(2) 单 击 图 层 名 称 下 的 型 (新 建 图 层 ) 按 钮 , 即 添加 了 一 个 新 的 图 层 ， 名 称 为 “图 层 2”。 
在 这 个 图 层 上 绘制 一 个 月 亮 , 并 执行 重 命名 操作 , 将 “图 层 2” 改 名 为 “月 亮 ”。 此 时 的 
“月 亮 ”在 “小 女孩 ”上 面 , 如 图 4.34 所 示 。 
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图 433 


(3) 单 击 “ 月 亮 ” 层 右边 的 要 ( 隐 这 ee 有 图 层 ) 图 标 下 的 小 黑 点 ， 这 时 会 出 现 一 
这 个 层 已 经 处 于 隐藏 状态 , 如 图 4.35 所 






示 。 如 果 再 次 单 击 图 ,又 可 以 恢复 辐 R 
人 单 击 “月 亮 ” 层 右边 的 名 证 或 解除 锁定 所 前 黑 

成 图 标 ， 这 时 在 舞台 上 可 忆 和 到 月 壳 ， 但 是 无 法 侈 名 进行 任何 编 和 操作， 未 示 “月 这 

层 已 被 负 证 ， 如 图 4.36 汤 示 。 表 次 单 击 证 或 小 际 锁定 所 有 图 导 ) 就 可 以 解锁 。 







0 边 【 以 轮 记 绪 人 
时 小 女 扩 稳 上 方式 显示 ， 即 只 能 逢 郊 小 女孩 的 边框 ， 看 不 到 十 讽 部 分 ， 如 图 4.37 
所 示 。 

县 的 近 作 还 包括 | 导 局 和 这 和 导 的 失 作 ， 具 仁 拉 作 价 清风 相关 倪 了 。 


























Fr 
4.1.4 对 象 的 操作 

1. 对 象 的 概念 

对 象 是 指 在 Flash CS5 窗口 里 所 有 被 选中 的 东西 对 象 被 选中 后 可 以 通过 一 些 设置 完成 
为 对 象 设计 的 运动 效果 。 例如 , 在 Flash CS5 舞台 中 绘制 一 矩形 , 那么 这 个 矩形 就 是 一 个 对 
象 ， 它 具有 一 定 的 属性 和 状态 。 把 多 个 对 象 组 合 在 一 起 称 为 对 象 组 合 ， 对 象 组 合 是 一 种 组 
合 对 象 ， 可 以 对 组 合 对 象 中 的 某 一 个 元 素 进行 独立 操作 。 组 合 对 象 中 的 元 素 称 为 组 合 对 象 
的 子 对 象 ， 如 图 4.38 所 示 。 

2. 编辑 对 象 

在 舞台 中 不 仅 可 以 通过 拖 动 对 象 来 改变 对 象 的 位 置 以 通过 对 象 面板 精确 地 
指定 对 象 位 置 。 下 面 详细 讲解 其 操作 方法 。 < 

(1) 移动 对 象 :首先 使 用 鼠标 指针 单 击 工具 箱 二 
按 住 电 标 左 键 并 将 其 拖 动 到 指定 位 置 也 可 
移动 对 象 的 一 部 分 ， 则 首先 用 部 分 选择 工 居 


择 ) 工 具 , 将 要 移动 的 对 象 选 中 ， 
际 选 由 以 后 ， 使 用 方向 键 进行 移动 )。 如 果 要 


全 未 工具 选中 要 移动 的 那 部 分 ， 然 后 拖 动 筷 










标 或 按 方向 键 进行 移动 。 
(2) 复制、 粘贴 对 象 : 可 以 使 用 复 剂 功能 来 复制 对 筷 ， 主 要 用 于 在 保证 对 源 对 象 属性 
不 变 的 基础 上 , 把 对 象 的 机 和 略 | 其 他 位 置 。 法 是 , 在 被 复制 的 对 象 上 右 击 ， 


ae ,将 对 象 复制 到 到 * 然 后 右 击 ,弹出 快捷 菜单 , 单 击 上 下 
命令 ， es 贴 到 舞台 中 。 

(3) vd bt 除了 使 用 【橡皮 
控 ] 工具 所 除外 \" 下 可 用 其 他 方法 将 需要 删除 的 对 象 删除 。 例 如 ， 使 用 工具 箱 中 的 【选择 ] 
工具 或 【 套 索 】 工 具 将 需要 删除 的 对 象 选中 , 按 Delete 键 。 

(和 9 缩放 对 象 : 使 用 【选择 】 工 具 将 需要 缩放 的 对 象 选中 , 然后 右 击 , 弹出 快捷 菜单 ， 
单 击 BOE55 对 命令， 此 时 对 象 的 周围 将 出 现 8 个 黑色 四 方块 ， 如 图 4.39 所 示 。 

邱 对 表 


AAA 
呈 J 
-二 
7 


Pe CS 
对 表 的 失信 示意 图 





图 438 图 4.39 


将 鼠标 指针 移动 到 图 形 框 上 4 个 角 的 句柄 上 ， 按 住 筷 标 左 键 并 拖 动 ， 可 以 对 对 象 进 行 
成 比例 缩放 ;如果 将 鼠标 指针 移动 到 图 形 框 4 个 边 的 句柄 上 ， 按 住 鼠 标 左 键 拖 动 ， 则 可 以 
对 对 象 进行 水 平 或 垂直 缩放 ， 如 图 4.40 所 示 。 
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图 440 


(5) 使 用 【信息 】 面 板 改变 对 象 大 小 : 使 用 【信息 】 面 板 改变 对 象 大 小 的 优点 是 可 
以 准确 地 把 对 象 移动 到 所 需 位 置 或 准确 地 把 对 象 缩放 一 定 的 比例 。 单 击 匡 加 一 
EPE 命令 ， 弹 出 【人 信息】 面板， 如 图 4.41 所 示 。 

mee 本 各 可 : 直接 在 “ 宽 ” 和 “高 ”文本 框 中 输 ， 即 可 精确 地 改变 对 象 的 
大 小 。 
@ ”时 : 该 选项 是 描述 对 象 在 舞台 中 的 坐标 SS 








@@ “时 : 该 选项 描述 鼠标 指针 在 舞台 中 的 用 是 让 用 户 交 时 知道 饼 标 指针 在 
舞台 中 所 处 的 位 置 。 


《0) 旋转 和 倾斜 对 象 ， 在 动 男 编辑 经 常 遇 到 需要 对 对 象 进行 旋转 和 倾 笠 的 情 
况 。 具 体操 作 方法 如 下 。 
中 旋转 的 操作 方法 : 单 击 ro 再 单 击 需要 旋转 的 对 象 ， 此 


时 对 象 效果 如 图 4.42 所 示 + 移 到 对 象 近 ， 当 出 现 人 图 标 时 (图 4.43)， 
按 住 饼 标 左 键 不 放 进 行 拖 动 ” 邯 可 完成 旋转 。 









图 441 图 442 图 4.43 

加 倾斜 的 择 作 方法 : 单 击 工具 箱 中 的 路 (任意 变形 ) 工 具 , 再 单 击 需要 倾斜 的 对 象 , 此 
时 对 象 效果 如 图 4.44 所 示 ， 将 鼠标 指针 移 到 对 象 四 条 边 的 任意 一 条 边 上 ， 按 住 饼 标 左 键 不 
放 , 此 时 筷 标 会 变 成 一 个 1 图 标 , 将 图 片 调整 到 自己 需要 的 位 置 后 松 开 鼠 标 左 键 , 如 图 4.45 
所 示 ， 即 可 完成 倾斜 操作 ， 最 终 效 果 如 图 4.46 所 示 。 





图 4.45 图 4.46 





i ve 

(7) 精确 旋转 和 移动 : 前 面 所 讲 的 只 是 对 对 象 的 大 致 移动 ， 如 果 要 精确 移动 对 象 必须 
使 用 【变形 】 面 板 进 行 操作 。 

单 击 EEII sm cakT 命令 ,弹出 【变形 ]】 面板， 如 图 4.47 所 示 。 

人 FE : 是 用 来 设置 对 象 的 放大 缩小 比例 的 ( 旧 对 原 对 象 )。 如 果 处 于 加 |( 秆 
接 ) 状 态 时 ， 将 进行 等 比例 的 放大 缩小 ; 当 处 于 可 断 开 ) 状 态 时 ， 用 户 可 以 单独 对 对 象 的 高 
或 宽 进 行 操作 。 

加 在 名 全 9 中 输入 需要 旋转 的 度数 ， 按 Enter 键 即 可 旋转 所 输 数值 的 度数 。 

名 BR : 在 SG Si 中 输入 需要 倾 匀 的 度数 ， 按 Enter 键 有 可 怖 笠 所 输 数 值 的 度数 。 

印 画 ( 重 制 选取 和 变形 ): 此 按钮 的 作用 是 , 当 在 【旋转 】 或 【人 怖 笠 】 选 项 中 输入 数值 
时 , 单 击 局 ( 重 制 选 职 和 变形 ) 按 钮 , 此 时 对 象 复制 一 个 副本 , 闪 根 据 输入 的 数值 进行 变形 。 

回国 (取消 变形 ): 此 命令 的 作用 是 ， 对 【变形 】 面 板 i 后 ， 如 果 需 要 再 重新 设置 
时 , 单 击 寺 取消 变形 ) 按 钮 即 可 恢复 到 系统 的 默认 状态 

3. 对 象 的 对 齐 a 

对 齐 功 能 可 以 通过 使 用 鼠标 来 调节 各 洋 置 对 齐 ， 但 是 这 种 方法 使 用 起 来 非常 
麻烦 , 而 且 结 果 不 精 确 。 接 下 来 用 下 是 供 的 对 象 的 对 齐 功能 来 对 齐 对 象 , 具体 操 
作 方 法 如 下 。 












单 击 | ， 将 弹出 【对 板 ， 如 图 4.48 所 示 。 
WA Ts 
癸 NS a 本 区 和 有 
深 EF 
Rb 
图 4.47 图 4.48 


该 面板 中 有 【对 齐 】、【【 分 布 】、【 匹配 大 小 】、【 间隔】4 个 选项 按钮 组 ,在 任意 
时 刻 ， 每 组 中 只 有 一 个 按钮 处 于 按 下 状态 ， 也 就 是 说 如 果 按 下 另 一 个 按钮 时 ,原来 处 于 按 
下 状态 的 按钮 就 会 自动 弹 起 。 下 面 分 别 介绍 这 个 组 中 按钮 的 内 容 。 

《1D【 对 齐 】: 其 中 有 6 个 按钮 ， 可 以 分 别 设置 垂直 方向 的 上 对 齐 、 中 对 齐 、 下 对 齐 、 
在 水 平方 向 上 的 左 对 齐 、 中 对 齐 、 右 对 齐 。 具 体 说 B 有 下 。 

中 单 击 启 按钮， 可 以 使 所 选 对 象 在 垂直 方向 上 左 对 齐 。 

加 单 击 名 按钮 ， 可 以 使 所 选 对 象 在 垂直 方向 上 居中 对 齐 。 

回 单 击 电 按 钮 ， 可 以 使 所 选 对 象 在 垂直 方向 上 右 对 齐 。 

图 单 击 于 按钮 ， 可 以 使 所 选 对 象 在 水 平方 向 上 以 顶端 对 行 。 

回 单 击 “ 按 钮 ， 可 以 使 所 选 对 象 在 水 平方 向 上 居中 对 齐 。 

@ 单 击 按钮， 可 以 使 所 选 对 象 在 水 平方 向 上 以 底 端 对 齐 。 

(2 【分 布 】: 其 中 共有 6 个 按钮 ， 具 体 说 明 如 下 。 

名 单 击 科 按钮， 可 以 使 所 选择 的 多 个 对 象 沿 垂直 方向 以 顶端 为 基准 等 距 高 分 布 。 
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加 单 击 s 按 钮 ,可 以 使 所 选择 的 多 个 对 象 沼 垂直 方向 以 对 象 的 水 平 中 心 线 为 基准 等 距 
高 分 布 。 

回 单 击 s 按 钮 ， 可 以 使 所 选择 的 多 个 对 象 沿 生 直 方向 以 底 端 为 基准 等 距离 分 布 。 

图 单 击 中 按钮 ， 可 以 使 所 选择 的 多 个 对 象 沿 水 平方 向 以 左 端 为 基准 等 距离 分 布 。 

回 单 击 W 近 钮 , 可 以 使 所 选择 的 多 个 对 象 沿 水 平方 向 以 对 象 的 垂直 中 心 线 为 基准 等 距 
高 分 布 。 

加 单 击 «按钮: 可 以 使 所 选择 的 多 个 对 象 沿 水 平方 向 以 右 端 为 基准 等 距 高 分 布 。 

(3 匹配 大 小 】: 系统 在 选中 的 图 形 中 自动 寻找 出 一 个 最 大 高 度 、 最 大 宽度 ， 并 以 它 
们 为 基准 改变 其 他 图 形 ， 最 后 使 所 选中 的 图 形 等 高 、 等 宽 ， 具 体内 容 如 下 。 

中 单 击 当 按钮 ， 可 以 使 所 选 对 象 宽度 相等 。 论 

@ 单 击 呈 按钮 ， 可 尺 使 所 选 对 象 高 度 相等 。 A 





回 单 击 铅 按钮 ， 可 以 使 所 选 对 象 宽度 和 高 度 


(4【 间 隔 】: 可 以 选择 以 中 心 或 以 边 办 为 基准 堵 行 等 距 高 控制 ， 详 细 说 明 如 下 。 
中 单 击 寺 按钮 : 可 以 使 所 选 对 象 之 间 局 相等 。 
@ 单 击 中 按钮 : 可 以 使 所 选 I 炉 平 间隔 相等 。 


| ED cwi3h fw 上 本 站 
i- ul 上 fi 
此 对 T 窜 -是 四 celrTRS 


4. 排列 对 象 
eae 这 
这 四则 ,所 对 象 的 堆积 顺序 整 ， 可 以 先 [Se Se | 






选中 对 象 , 然后 局 人 
菜单 。 图 4.49 


攻 
Ps 个 命令 ,下 面具 体 介 绍 。 
: 选择 该 选项 ,可 以 将 所 选 对 象 移动 到 堆积 对 象 的 最 上 一 层 。 


E29 : 洗 择 该 选项 ， 可 以 将 所 选 对 象 向 上 移动 一 层 。 
EECESDEB : 选择 该 选项 ， 可 以 将 所 选 对 象 向 下 移动 一 层 。 
EECISTOGIEEST :选择 该 选项 ， 可 以 将 所 选 对 象 移动 到 扒 积 对 象 的 最 后 一 层 。 
[EEC :选择 该 选 顶 ， 可 以 将 所 选 对 象 锁 定 ， 被 锁定 后 的 对 象 不 能 被 编辑 。 
ea ， 选 择 该 选项 ， 可 将 所 选 对 象 解锁 ， 从 而 使 对 象 恢复 到 可 编辑 状 


太 


| 根据 以 上 介绍 ， 如 果 要 对 对 象 进行 各 种 层次 排列 ， 可 根据 需要 选择 以 上 的 某 一 选项 。 
5. 选择 性 粘贴 对 象 


选择 性 粘贴 可 以 将 剪贴 板 中 的 对 象 以 指定 的 格式 粘贴 到 工作 区 。 剪贴 板 是 Windows 操 
作 系 统 在 内 存 中 开辟 的 一 块 应 用 程序 可 以 共享 的 空间 ， 这 种 方式 称 为 “动态 数据 交换 ”。 

选择 性 粘贴 对 象 的 操作 方法 如 下 。 

单 击 EEEIH "Ese 命令 ， 弹 出 如 图 4.50 所 示 的 【选择 性 粘贴 】 对 话 框 。 








4.50 


对 该 对 话 框 中 各 选项 的 详细 说 明 如 下 。 

中 【来 源 】: 是 指 前 贴 板 中 的 内 容 来 自 哪个 位 置 。 人 

@ 【粘贴 】: 选择 该 选项 可 以 将 剪贴 板 的 对 象 粘贴 到 每 台 生 。 

加 【粘贴 链接 】: 选择 该 单 选 按钮 可 以 将 更 粘贴 到 舞台 中 ， 并 且 与 源 程 
序 建立 链接 ， 在 源 文件 中 的 对 象 发 生 改变 后 ， 对 象 也 随 之 自动 更 新 。 

加 【结果 】: 对 指定 格式 及 当前 状态 

加 【显示 为 图 标 】: 选中 该 复 选 柜 \ 部 以 在 兽 台 上 将 所 要 粘贴 的 内 容 愉 图 标 显示 。 

@ 【作为 】: 在 该 列表 框 中 粘贴 对 象 的 类 型 。 

6. 组 合 与 锁定 对 象 、 NS 

下 面 介绍 对 象 的 组 含 芒 锁定 操作 ， 这 些 操 容 媳 锋 定 和 保持 对 象 的 状态 方面 有 重要 的 
作用 。 
(D 组 合 0 ET A 一 个 对 象 进行 操作 。 组 合 后 的 对 象 是 一 
个 整体 ， 它 有 各 次 性 ， 在 移动 对 象 时 不 会 使 对 象 发 生变 形 。 如 果 对 单个 对 象 进行 组 合 , 不 
但 可 以 将 对 象 的 填充 部 分 和 轮廓 组 合 为 一 体 ， 而 且 与 其 他 对 象 重 双 放置 后 不 会 影响 到 其 人 
对 象 ， 也 不 会 被 其 他 对 象 材 盖 掉 。 

组 合 对 象 的 具体 操作 方法 是 选中 需要 组 合 的 对 象 , 然后 单 击 Em [eT 
命令 ， 这 样 即 可 将 所 选 对 象 组 合 。 对 象 组 合 前 后 的 对 比如 图 4.51 所 示 。 








图 451 


下 面 举例 说 明 组 合 后 图 形 对 象 的 特点 。 

外 先 画 一 个 稻草 人 填充 区 域 ， 然 后 男 一 个 与 它 相 交 的 枫叶 ， 如 图 4.52 所 示 。 此 时 如 
果 将 枫叶 移动 到 另 一 个 地 方 ， 会 发 现 原 来 稻草 人 中 两 图 相交 的 部 分 被 覆盖 掉 了 ， 如 图 4.53 
所 示 。 


i 
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夭 计 认 


加 重新 绘制 一 个 稻草 人 ， 然 后 将 它 组 合 ， 再 绘制 一 个 与 它 相 文 的 不 同 填充 色 的 枫叶 ， 
如 图 4.54 所 示 。 将 枫叶 选中 并 拖 动 其 位 置 , 会 发 现 枫叶 没有 被 覆盖 ， 如 图 4.55 所 示 。 这 就 
说 明 组 合 后 对 象 的 填充 部 分 和 轮廓 组 合 为 一 体 ， 与 其 他 对 象 重新 莹 放 后 不 会 被 其 他 对 象 
覆盖 。 

{2) 取消 组 合 : 取消 组 合 是 组 合 的 逆 操 作 ， 也 就 是 : 
是 , 选中 需要 取消 组 合 的 对 象 , 单 击 | 
所 示 是 组 合 的 两 个 对 象 ， 如 图 4.57 所 示 是 取消 


FP ;| 
诉 7 对 
图 454 se 

G3) 锁定 对 象 ts 为 了 确保 在 编辑 同一 舞台 中 的 其 他 对 象 
时 不 会 改变 这 个 芝 美 记 对 象 ， 可 以 将 7 。 使 用 这 一 功能 可 以 锁定 多 个 对 象 的 属性 ， 
也 可 以 锁定 对 徊 有 的 组 合 。 | 

锁定 对 象 的 操作 方法 : 选中 需要 锁定 的 对 象 , 单 击 CEIDH -ED EE 
令 , 即 可 完成 对 对 象 的 锁定 。 

(4) 解除 全 部 锁定 : 如 果 对 钙 定 的 对 象 进行 编 加 操作 ， 见 必须 先 对 它 解 际 全 部 锁定 。 具 
体操 作 方法 是 ， 选 择 需要 解除 锁定 的 对 象 ， 然 后 单 击 Es-* EP -FEEEEEIDEEEETDSRRN 


公公 
Mm 







全 的 对 象 分 开 。 有 具体 操作 
令 即 可 。 如 图 4.56 





图 4.57 


4.2 平面 动画 效果 


4.2.1 案例 一 : 滚动 的 色 环 
一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 4 章 Flash CS5 动画 制作 /滚动 的 色 环 .swf” 文件 。 通 过 预 
览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 直线 工具 、 填 充 工具 、 钢 笔 工具 、 
补 间 动 画 命 令 和 创建 传统 引导 图 层 命令 来 制作 一 个 滚动 的 色 环 效果 。 通 过 该 案例 的 学 习 ， 
使 学 生 掌 握 路 径 动画 制作 的 原理 、 方 法 和 技巧 。 





[Fis Gs5 HE soe 
二 、 本 案例 画面 效果 及 制作 步 又 (流程 ) 分 析 
委 例 画面 效果 如 下 : 


案例 制作 的 大 和 致 步骤 : 


© 


使 用 椭圆 、 鲍 笔 和 填充 工具 
给 便 上 图 所 示 的 图 形 效果 。 








使 月 饥 笔 和 填充 工具 给 亨 上 
图 所 示 和 斜坡 效果 


1. 制作 色 环 
步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “滚动 的 色 环 .fla” 文 件 。 


步骤 2: 单 击 令 , 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
如 图 4.58 所 示 , 单 击 _ 强 按钮 , 新 建 一 个 图 形 元 件 。 

步 邓 3: 使 用 局 ( 梢 圆 ) 工 县 、 宇 (钢笔) 工具， 绘制 如 图 4. 59 所 示 的 图 形 ， 使 用 杞 (填充 ) 
工具 填充 图 案 ,最 终 效果 如 图 4.60 所 示 。 


2 
Es J 


at [HE 1 








snide 
E20 


图 458 图 459 图 460 
步骤 4: 单 击 时 间 轴 左上 角 的 本 39 对 安 钮 ， 返 回 场景 。 
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2. 制作 封 起 


步 要 1: 单 击 ED ES 命令， 弹出 【创建 新 元 件 ]】 对 话 框 , 具体 设置 如 
图 4.61 所 示 , 单 击 一 号 按钮, 新建 一 个 “图 形 ”元 件 。 

步骤 2: 使 用 贞 钢 笔 ) 工 具 绘制 如 图 4.62 所 示 的 图 形 。 

步骤 3:， 单 击 工具 箱 中 的 中 晤 料 桶 ) 工 具 ， 将 图 形 填充 为 黄色 ， 效 果 如 图 4.63 所 示 。 

步骤 4: 单 击 时 间 轴 左上 角 的 EE 到 安 钮 ， 人 返回 场景 。 





图 4.61 图 性 - 


3. 制作 路 径 动画 


步骤 1: 单 击 时 间 轴 左下 角 的 aa 


钮 ， 插入 一 个 新 图 屋 , 并 重 命名 , 如 图 4. 作 
所 示 。 
步骤 2: 在 SEE 图 层 上 


捷 菜单 ， 2 创建 一 个 引导 
线 图 层 ,， 如 图 4.65 所 示 。 沁 
步骤 3: 单 击 工具 线 ) 工 具 ， ea 并 使 用 【选择 】 工 具 调整 







图 465 图 4.66 


步骤 4: 分 别 在 “斜面 ”、“ 引 导 层 ”图 层 的 第 80 帧 处 右 击 , 弹出 快捷 菜单 , 单 击 ES 
命令 ， 此 时 将 分 别 在 “斜面 ”、“ 引 导 层 ”图 层 的 第 80 帧 处 插入 帧 。 

步骤 5: 分 别 在 “ 色 环 ”图 层 的 第 40、80 帧 处 右 击 ， 弹 出 快捷 菜单 ， 单 击 ESEII 合 
令 ， 此 时 将 分 别 在 “ 色 环 ”图 层 的 第 40、80 帧 处 插入 关键 帧 。 

步骤 6: 单 击 “ 色 环 ”图 层 ， 选 中 “ 色 环 ”图 层 的 所 有 帧 ， 在 被 选中 的 任意 帧 上 右 击 ， 
弹出 快捷 菜单 ， 单 击 弛 MN 命令 ， 为 该 层 创 建 补 间 动 画 。 

步骤 7: 分 别 周 整 “ 色 环 ”图 层 的 第 1、40、80 帧 的 “ 色 环 ” 元 件 的 位 置 , 分 8 如 图 4.67 一 
图 4.69 所 示 。 








[Ferm 
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图 4.67 图 468 4.69 


步骤 8: “ 色 环 ”图 层 中 第 1、40 帧 的 【属性 】 面 板 设置 如 图 4.70 和 图 4.71 所 示 , 最 
终 效果 如 图 4.72 所 示 。 





图 4.70 图 4.72 
步 要 9: 完整 动画 效果 请 观看 从 网 页 下 载 的 素 村 第 4 章 的 “ 色 环 运动 .swf 
Flash 文件 。 
四 、 举 一 反 三 外 
使 用 前 面 所 学 知识 绘 es : 坟 季 观看 “第 4 音 Flash CS5 文字 特 
效 /党 动 的 色 环 绪 习 . 
C3 


4.2.2 案例 二 : 放大 镜 

一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 4 章 Flash CS5 动画 制作 /放大 镜 .swf” 文件 。 通 过 预 监 
解 本 秦 例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 导入 图 片 、 遮 遇 和 基本 脚本 语言 来 制作 
放大 镜 效 果 。 通 过 该 案例 的 学 习 ， 合 学生 掌握 基本 脚本 语言 的 作用 和 使 用 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 
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秦 例 制作 的 大 致 步骤 : 


根据 案 蚀 要 求 导 入 需要 的 制作 “ 底 图 " 和 “放大 ”两 
图 片 。 ng 


U 


使 用 基本 脚本 语言 闹 写 简单 设置 “ 底 图 ”和 “放大 ”两 
程序 。 《| 片区 元 件 的 局 攻 。 
三 、 详 细 操作 步 嵘 «RK 


1. 创建 澡 片 前 男 元 件 
步骤 1 : 运行 Flash CS5, 新 建 一 个 名 为 “ 旅 太 儿 
步骤 2: 单 击 A EE 
镜 .png” 和 “放大 镜 底 图 jpg” 两 张 图 片 > 价 审 hE 加 过 钮 ,将 图 片 导入 到 库 中 。 
步骤 3: 单 击 Ew pT 
如 图 4.73 所 示 , 单 击 驼 按钮, 剖 建 一 个 影片 剪辑 元 件 。 
步骤 4: 将 “ 库 ” 中 的 人 MN 光 缠 底 图 jpg” 作 区 。 在 图 片上 右 击 , 弹出 快 
捷 菜 单 ， 单 击 若 对 命令 ,将 余 片 分 高 ,并 利用 具 框 住 不 要 的 部 分 ， 将 其 删除 ， 
最 终 效果 如 图 er A 
C4 


OO 各 | x 














图 4.73 


步骤 5: 单 击 时 间 轴 左上 和 角 的 可 到 按钮 ， 返 回 场景 。 

步骤 6: 单调 全 今 ,弹出 【创建 新 元 件 】 对 话 框 , 按 如 图 4.75 
所 示 进 行 设 置 ， 单 击 一 鱼 _ 按钮 ， 新 建 一 个 “影片 剪辑 ”元 件 。 

步骤 7: 连续 单 击 时 间 轴 左下 角 的 司令 建 图 层 ) 按 钮 ， 插 入 两 个 新 图 层 ， 并 重 命名 ， 
层 效果 如 图 4.76 所 示 。 





图 4.75 图 4.76 
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2. 修改 影片 前 辑 的 属性 和 创建 这 办 效果 

步骤 1: 选中 “ 底 图 ”图 层 , 将 “ 库 ” 中 的 “ 底 图 ”影片 剪辑 元 件 拖 放 到 舞台 中 ,并 
单 击 工具 箱 中 的 澡 ( 任 意 变 形 ) 工 具 ， 调整 刚 拖 到 舞台 中 的 影片 芭 辑 的 大 小 ,效果 如 图 4.77 
所 示 , 在 确保 “ 底 图 ”影片 剪辑 被 选中 的 情况 下 设置 【属性 ]】 面板 , 如 图 4.78 所 示 。 


















图 4.77 


TS 


步骤 2: 单 击 “ 放 大 镜 ” 图 层 , 将 “ 库 ” 中 . 图 片 拖 到 工作 区 中 , 位 置 
如 图 4.79 所 示 。 


步骤 3: 单 击 “ 白 色 圈 ” 图 层 ， 利用 县 # tmp 大 小 如 图 4.80 所 示 。 


步骤 4: 在 “ 底 图 ”、“ 白 色 第 2 帧 ht 右 击 ， 弹出 快捷 菜单 ， 单 击 [iwwi3 命 
令 , 分 别 给 两 个 图 层 的 第 2 帧 插 通 帧 。 
步 又 5: 在 “放大 镜 ” 2 帧 处 右 击 ， 捷 菜 单 ， 单 击 EEEEEE3 命 令 ， 在 


第 2 帧 处 插入 一 个 关键 由 效果 如 图 4.81 月 





479 图 4.80 图 4.81 

步骤 $: 在 “白色 图” 图 层 上 右 击 ， 弹 出 快捷 菜单 ， 单 击 有 于 命令 ， 创 建 遮 四 效果 ， 
如 图 4.82 所 示 。 

3. 添加 基本 脚本 语言 

步骤 1: 在 “放大 错 ” 图 层 的 第 1 帧 右 击 ， 弹 出 快捷 菜单 ， 单 击 眠 斑 命 令 , 弹出 【 动 
作 】 对 话 框 ， 在 该 对 话 框 中 输入 如 图 4.83 所 示 的 脚本 。 

步骤 2: 第 2 帧 的 脚本 代码 跟 第 ! 帧 相同 。 

步骤 3: 单 击 时 间 轴 左上 角 的 酌 E 可 按钮 ， 返 回 场景 。 
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步骤 4: 单 击 时 间 铀 左下 角 的 可 6 建 图 层 ) 壕 钮 ,插入 1 个 新 图 层 , 并 重 命名 , 图 层 效 
果 如 图 4.84 所 示 。 

步骤 5: 单 击 “ 底 图 ”图 层 , 选中 该 层 , 将 “ 库 ” 中 的 “ 1” 影 片 剪 辑 拖 到 舞台 中 。 

步骤 6: 单 击 “ 放 大 镜 ” 图 层 , 选中 该 层 , 将 AS 大 ”影片 勇 辑 拖 到 舞台 
中 。 位置、 大 小 如 图 4.85 所 示 。 

步骤 7: 选中 “放大 ”影片 剪辑 ,设置 CS 





， 如 图 4.86 所 示 。 


mr 
多 一 一 四 
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图 EE 图 485 图 4.86 


步骤 8 /kB 的 第 a 快捷 菜单 ， 单 击 国 珈 命令 ， 弹 出 【动作 帧 】 
对 话 框 , 输 4.87 所 示 的 脚本 代码 ， 最终 效 果 加 图 4 488 所 示 。 





图 4.87 图 4.88 


步骤 9: 充 整 动画 效果 请 观看 本 书 提供 的 网 页 下 载 的 素材 第 4 音 的 “放大 镜 .swf” Flash 
文件 。 


四 ， 举一反三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 
“第 4 章 Flash CS5 文字 特效 /放大 镇 练习 -swf” 文件 。 
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4.2.3 案例 三 : 探照灯 


一 、 案例 效果 预览 

案例 效果 见 本 书 提供 的 “第 4 音 Flash CS5 动画 制作 /探照灯 .swf' 文件 。 通过 预览 了 
解 本 秦 例 的 最 终 效果 。 本 秦 例 主要 使 用 Flash CS5 的 矩形 工具 、 遮 量 、 创 建 补 间 动 画 \、 图 片 
的 导入 、 元 件 符号 的 制作 和 Alpha 值得 设置 来 制作 探照灯 效果 。 通 过 该 磁 例 的 学 习 ， 使 学 
生 拿 握 渡 量 动画 的 制作 原理 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 












案例 制作 的 大 致 步骤 : 


根据 案例 要 求 
片 ， 制作 “ 区 sp 
元 件 。 


x 


剑 作 探照灯 记 右 摆动 动画 
使 月 庶 孚 命令 剑 作 这 生效 呆 。 


三 、 详 细 操作 步骤 

1. 时 入 图 片 和 制作 “山水 图 片 ”影片 前 鱼 元 件 

步骤 1: 启动 Flash CS5, 新 建 一 个 名 为 “探照灯 .flz” 的 文件 。 

步骤 2: 设置 背景 色 为 纯 黑色 。 

步骤 3: 单 击 EEE “ER EREE3D9RS 合 令 ， 弹 出 【导入 到 库 】 对 话 框 。 选 择 要 导入 的 


图 片 , 单 击 Cs 按钮 ,将 图 片 导入 到 “ 库 ” 中 

步骤 4: 单 击 Ean Gomasagg 命 邻 ， 弹出 【创建 新 元 件 】 对 话 框 ， 按 如 图 4.89 所 
示 进 行 设置 ， 单 击 _ws_ 按 钮 ,新 建 一 个 图 形 元 件 。 

步骤 5: 将 “ 库 ” 中 刚 导 入 的 “桂林 山水 .jpg” 图 片 拖 到 工作 区 , 位 置 、 大 小 如 图 4.90 
所 示 。 


SR 光 
| 和 A 





捉 作 “探照灯 ”图 片 尽 加 元 件 。 
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图 4.89 图 4.90 


步骤 6: 单 击 时 间 轴 左上 角 的 本 下 按钮 ， 返 回 场景 。 
2. 制作 “探照灯 ”图 形 元 件 


步骤 1: 单 击 Eg-* Eomgg 命 今 ， 弹 出 【创建 
所 示 进行 设置 ， 单 击 _ ws _ 按 钮 ,新建 一 个 图 形 元 件 。 

步 邓 2: 单 击 园 $E 形 ) 工 具 ， 并 设置 填充 色 为 ey 
示 设 置 填充 额 色 浮动 面板 。 

步骤 3 :绘制 E 形 , 并 利用 (部 分 选取 ) 工 
所 示 (注意 ,在 这 里 要 绘制 3 个 拭 形 , 并 








j 对 话 框 ， 按 如 图 4.91 
颜色 为 而 呈 ， 按 如 图 4.92 所 
的 形 进行 调整 ,最 终 效果 如 图 4.93 
小 调整 ， 再 逐个 填充 )。 





4.93 


步骤 4: 单 击 时 间 轴 左 上 角 的 本 于 安 钮 ， 返 回 场景 。 


3. 制作 动画 席 轩 效果 

步骤 1: 连续 单 击 时 间 灿 左下 角 避 (创建 新 图 层 ) 按 钮 ， 插 入 两 个 新 图 层 ， 并 重 命名 ， 
层 效 果 如 图 4.94 所 示 。 

步骤 2: 将 库 中 的 “山水 图 片 ”元 件 分 别 拖 到 “山水 图 片 ” 和 “山水 图 片 1” 两 个 图 层 
中 ， 将 “探照灯 ”元 件 拖 到 “探照灯 ”图 层 中 ， 图 层 效 果 如 图 4.9%5 所 示 。 和 舞台 元 件 的 位 置 
如 图 4.96 所 示 。 





图 4.94 图 4.95 496 





Chow 


步骤 3: 在 “探照灯 ” 层 的 第 40 帧 和 第 80 帧 处 ,分 别 | 十 击 , 弹 出 快捷 菜单 , 单 击 ES 
命令 , 插入 关键 帧 。 

步骤 4: 分 别 在 “山水 图 片 ”、“ 山 水 图 片 1” 图 层 的 第 80 帧 处 右 击 , 弹出 快捷 菜单 
单 击 EBE 命 令 ， 插 入 帧 。 图 层 效 果 如 图 4.97 所 示 。 
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步骤 5: 利用 号 (任意 变形 ) 工 具 , 调整 “探照灯 ” 
照 灯 ”元 件 的 位 置 如 图 4.98 所 示 , 第 40 帧 “ 探 照 
“探照灯 ”元 件 的 位 置 如 图 4.100 所 示 。 


1 第 1 帧 “ 控 
的 位 置 如 图 4.99 所 示 , 第 80 帧 





图 4.98 图 4.100 


步骤 6: i BT 图 层 , 在 eras, 弹出 快捷 菜单 ， 单 击 二 xs® 命 
令 ， 此 时 ， 为 探照灯 ” 层 创建 补 间 动 

步骤 7: 在 “探照灯 ” 层 上 右 击 ,弹出 快捷 菜单 ， 单 击 芝 到 命 令 , 为 图 层 创建 让 二 效 
果 。 图 层 效果 如 图 4.101 所 示 。 











4.101 


步骤 $: 利用 (选择) 工具， 选中 “山水 图 片 ” 图 层 中 的 “山水 图 片 ”元 件 , 设置 元 件 
【属性 ]】 面板 , 【属性 】 面 板 的 县 体 设置 如 图 4.102 所 示 。 

步骤 9: 效果 如 图 4. 103 所 示 。 完整 动画 请 观看 从 本 书 提供 的 网 页 下载 的 素材 第 4 章 的 
“探照灯 .swf”Flash 文 件 。 
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图 4.102 图 4103 
四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 "“ 第 4 章 Flash CS5 文字 特 
效 /探照灯 练习 .swf” 文件 。 ,KS 









提示 :制作 水 骏 同上， 只 是 在 制作 探 照 
用 迄 困 展 上 添加 一 个 图 层 ， 复 光 
值 为 25% 左 右 。 





制作 探照灯 ， 并 在 使 
的 图 民 上 ，Alpha 设置 





又、 
入 > 
4 

4.3.1 案例 四 : 发 光 效果 

一 、 案 例 效 果 预 览 

案例 效果 见 本 书 提供 的 “第 4 章 Flash CS5 动画 制作 /发 光 效果 -swf” 文件 。 通 过 预览 
了 解 本 案例 的 最终 效果 。 本 案例 主要 使 用 Flash CS5 的 选择 工具 、 矩形 工具 、 这 军 、 创 建 
间 动 画 、 元 件 符号 的 制作 和 这 雪 命 令 示 制作 发 光 效果 。 通 过 该 案例 的 学 习 ， 合 学 生 舍 握 发 
光 效 果 制作 的 原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 


x > 
4.3 ”他 体 动画 效果 
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要 据 案例 要 求 导入 立体 五 集 制作“ 发光 元 件 ” 和 “发 光 
星 和 创作 “和 瑟 形 条” 图 开元 件 。 








创建 新 图 层 ， 将 立体 五 佣 星 
放 入 该 层 。 





三 、 详 细 操 作 步 又 


步骤 3: 在 【属性 及 浮动 商 板 中 ， 设 置 
步骤 4: 单 
所 示 进 行 设置 。,<A~ 并 ” 












《 纯 限 名 % 
【创建 新 元 件 】 对 话 杠 , 按 如 图 4.105 





4.104 图 4.105 
步骤 5: 单 击 国 弛 EE 命令 ， 设 置 网 格 线 ， 如 图 4.106 所 示 。 
步骤 6: 单 击 工具 箱 中 的 国 由 形 ) 工 具 ， 并 设置 笔触 额 色 为 国 忆 J ， 填 充 色 为 名 本 ( 黄 
色 ), 在 工作 区 绘制 如 图 4.107 所 示 的 矩形 。 
步骤 7: 单 击 时 间 轴 左上 角 的 本 天 家 钮 ， 返 回 场景 。 


图 4.106 图 4.107 
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2. 制作 “发 光 ” 图 形 元 件 


步骤 1: 单 击 Eg Esme 全 令 , 弹出 【创建 新 元 件 】 对 话 框 ， 按 如 图 4.108 
所 示 进 行 设置 ， 单 击 .we 按钮 ,新建 一 个 图 形 元 件 。 
步骤 2: 将 “ 库 ” 中 的 “矩形 条 ”元 件 符号 拖 到 舞台 中 ， 位 置 如 图 4.109 所 示 ( 位 置 在 


中 心 点 位 置 右 上 角 一 格 )。 


图 4.109 















图 4.108 
步骤 3: 在 确保 “ 拭 形 条 ” wm i 变形 ) 工 具 , 将 舞 


台中 的 “矩形 条 ”的 定位 点 移 到 舞台 的 中 心 
步骤 4: 设置 【变形 】 浮 动 面板 ， 
制 选 取 和 变形 ) 按 钮 ， 直 到 得 到 如 图 


-110 中 的 “1” 所 示 。 
- 所 示 。 连续 单 击 【变形 】 面 板 中 的 寞 便 





图 4.110 图 4.111 图 4.112 


步骤 5: 单 击 EE-* 命令 ， 此 时 ， 选 中 舞台 中 的 所 有 元 件 ， 在 选中 的 元 件 上 右 
弹出 快捷 菜单 ， 单 击 巾 吕 命 令 , 将 所 有 选中 的 元 件 分 高 ， 如 图 4.113 所 示 。 
步骤 6: 单 击 时 间 轴 左上 角 的 国富 科 安 钮 ， 返 回 场景 。 
步骤 7: 单 击 Bom-* Bossmeeemagh 令 ,弹出 【创建 新 元 件 】 对 话 框 , 按 如 图 4.114 
所 示 进 行 设 置 ， 单 击 志 蚂 _ 按钮， 新建 一 个 图 形 元 件 。 
步骤 8$: 将 “ 库 ” 中 的 “矩形 条 ”元 件 符号 拖 到 舞台 中 ,位 置 如 图 4.115 所 示 ( 位 置 在 
中 心 点 位 置 右 下 角 一 格 )。 


击 








ye [| 

am 百 Ea 

ms Slat 

= | 二 
图 4.113 图 4.114 图 4.115 
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步骤 9: 确保 “矩形 条 ”被 选中 的 条 件 下 , 单 击 工 县 箱 中 的 萎 ( 任 意 变形 ) 工 具 , 将 舞台 
中 的 “矩形 条 ”的 定位 点 移 到 舞台 的 中 心 ， 如 图 4.116 所 示 。 

步骤 10: 设置 【变形 】 浮动 面板 ， 如 图 4.117 所 示 。 连 续 单 击 【 变 形 】 面 板 中 的 号 ( 重 
制 选 取 和 变形 ) 按 钮 ， 得 到 如 图 4.118 所 示 的 图 形 。 

步骤 11: 单 击 cea * 医 SS 是 拿 令 ， 此 时 ， 选 中 舞台 中 的 所 有 元 件 ， 在 选中 的 元 件 上 右 
击 ， 弹 出 快捷 菜单 ， 单 击 &3 命 令 ， 将 所 有 选中 的 元 件 分 高 ， 如 图 4.119 所 示 。 






E23 
ed 


4.116 






图 4.119 


入 4.118 

步骤 12: 单 击 时 间 铀 左上 角 的 本 sg 按钮 ， 返 回 场景 。 

3. 制作 “发 光 ” 动 到 获 果 

步骤 1: 将 “发 光 元 件 1” 拖 到 舞台 中 ， 并 放 到 中 心 位 置 。 

步骤 2: 单 击 时 间 轴 左下 角 的 世 打 建 图 层 ) 校 钮 ， 新 建 一 个 “图 层 2”， 并 选中 “图 层 
2”， 将 “发 光 元 件 2” 拖 到 舞台 中 ,位置 如 图 4.120 所 示 。 

步 又 3: 在 “图 层 1” 的 第 10 帧 处 插入 关键 帧 ， 在 “图 层 2” 的 第 15 帧 处 插入 普通 帧 ， 
如 图 4.121 所 示 。 

步骤 4: 为 “图 层 1” 创 建 传统 补 间 动 画 ，“ 补 间 ” 动 画面 板 的 设置 如 图 4.122 所 示 。 

步骤 5: 在 “图 层 2” 上 右 击 , 弹出 快捷 菜单 ， 单 击 上 EE 到 命令 , 创建 遮 量 效果 ,图 层面 
板 如 图 4.123 所 示 ， 最 终 效果 如 图 4.124 所 示 。 
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步骤 7: 调整 “五 全 择 ” 的 大 小 和 位 置 ,或 4.126 所 示 。 完 整 动画 请 观看 从 本 书 
之 人 swf”Flash 文件 。 


LN We ) 
图 4.123 图 4.124 
步骤 6: 单 击 时 间 轴 左下 ee “五 角 星 ”， 
将 “五 角 星 ” 拖 到 舞台 中 ， 如 图 区 





图 4.125 图 4.126 


四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 。 完 整 效果 请 观看 “第 4 章 Flash CS5 文字 特 


效 /发 光 效 果 练 习 .swf” 文 件 。 





(3: 





[Pans oe 


4.3.2 案例 五 : 展开 的 画卷 
一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 4 章 Flash CS5 动画 制作 /发 光 效 果 .swf” 文 件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 选择 工具 、 矩形 工具 、 谈 曙 、 创 建 补 
间 动 画 、 元 件 符号 的 制作 和 遮 和 命令 来 制作 展开 的 画卷 。 通 过 该 碌 例 的 学 习 ， 使 学 生 人 掌握 
展开 的 国 卷 制作 的 原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

秦 例 画面 效果 如 下 : 





秦 例 制作 的 大 致 步骤: NS < 
使 用 线条 和 填充 工具 创作 
“ 囊 卷 办” 图 形 元 件 。 






使 用 这 最 命令 制作 桓 卷 这 皇 | 《一 一 


使 用 和 矩 形 工具 制作 “画卷 这 





章 ” 国 形 元 件 。 





三 、 详 细 操作 步骤 

1. 制作 “画卷 底 ” 图 形 元 件 

步骤 1: 运行 Flash CS5 软件 , 新 建 一 个 名 为 “展开 的 画卷 .la” 的 文件 。 

步骤 2: 设置 舞台 背景 色 为 本 (#006666)。 

步骤 3: 单 击 E9-* a 命令 ,弹出 【创建 新 元 件 】 对 话 框 , 按 如 图 4.127 
所 示 进 行 设 置 ， 单 击 二 到 _ 按 钮 ， 新 建 一 个 图 形 元 件 。 

步骤 4: 单 击 思 虐 形 ) 工 具 ， 并 设置 填充 色 ， 如 图 4.128 所 示 。 


tu 
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步骤 6: 单 击 N( 线 条 ) 工 具 , 线条 【属性 ]】 面 
两 条 直线 ， 如 图 4.131 所 示 。 


4.130 所 示 ,在 工作 区 绘制 


图 4.127 权 图 4.128 
步骤 5: 在 工作 区 绘制 一 个 矩形 ， 大 小 、 1 示 。 






LE SE 
ge aa 图 4.131 
步 邓 7: 单 击 双 额 料 栖 ) 工 具 ， 设置 颜色 为 名 和 (#990000), 填充 工作 区 ,如 图 4.132 
所 示 。 
步骤 8: 单 击 于 文字) 工具, 设置 文字 的 颜色 为 加 @ (#FF6600), 在 工作 区 输入 如 图 4.133 
所 示 的 文字 。 


图 4.132 图 4.133 


步骤 9: 单 击 和 (文字 ) 工 具 , 设置 文字 的 额 色 为 Se (#990000),， 在 工作 区 输入 “中 国 
职业 教育 ”文字 ， 并 调整 位 置 如 图 4.134 所 示 。 
步骤 10: 单 击 时 间 负 左上 角 的 本 到 按钮 ， 返 回 场景 。 


2. 制作 “画卷 轴 ” 图 形 元 件 
步骤 1: 单 击 EPE Gmemeseo 售 邻 , 弹出 [创建 新 元 件 ] 对 话 框 ,具体 设置 如 图 4.135 








Fr: 


所 示 ， 单 击 一些 _ 按 钮 ， 新 建 一 个 图 形 元 件 。 








图 4.134 图 4.135 
步骤 2: 单 击 电 GE 形 ) 工 具 ， 设 置 填充 色 如 图 4.136 所 示 ,在 工作 区 给 制 如 图 4.137 所 
示 的 举 轴 。 
步骤 3: 单 击 点 (线条 江 具 ， 将 3 个 矩形 连接 起 来 ， 坝 se 
9 






步骤 4: 单 击 办 ( 额 料 桶 ) 工 具 ,填充 蜂 色 的 设置 如 图 S39 所 示 。 
步骤 5: 对 连接 部 分 进行 填充 ， 并 将 连接 线 4.140 所 示 。 


= 四 
全 


一 
\、 图 4.137 







全 


jure 





图 4.136 8 图 4.139 图 4.140 
步骤 6: 便 宙 时 间 轴 左上 角 的 本 = 到 乌 ， 返回 场景 
3. 制作 “画卷 庶 柬 ”图 形 元 件 
步 台 1: 单 证 orn， E350 仿 ， 弹 出 【创建 新 元 件 ] 对 话 框 , 按 如 图 4.141 
所 示 进行 设置 ， 单 击 _ae_ 按 钮 ,新 建 一 个 图 形 元 件 。 
步 要 2: 在 工作 区 给 制 如 图 4.142 所 示 的 拒 形 。 
步 要 3: 单 主 时 间 轴 左上 和 角 的 E25 了 钮 ， 返 回 场景。 





图 4.141 图 4.142 


4. 制作 展开 的 画卷 动画 
步骤 1: 将 “画卷 底 ” 拖 到 舞台 中 央 位 置 , 如 图 4.143 所 示 , 将 “图 层 1” 重 命名 为 “ 男 
卷 底 ” 区 


:8 
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步骤 2: 单 击 3 次 时 间 轴 左下 角 的 9 新建 图 层 ) 按 钮 。 插 入 3 个 图 层 , 并 分 别 命名 为 “ 画 
卷 记 量 ”、“ 男 卷 铀 1”、“ 男 卷 铀 2”, 如 图 4.1 和 4 所 示 。 





步骤 3: 分 别 将 元 件 抒 到 相应 的 图 层 ( 企 “画卷 负 !1”、“ 男 卷轴 2” 两 个 图 层 均 拖 入 同 


一 个 元 件 “ 男 卷轴 ”), 位 置 如 图 4.145 所 示 。 





图 4.143 图 4144 图 4.145 
步骤 4: 在 每 个 层 的 第 40 帧 处 插入 关键 帧 ， 图 层 效 146 所 示 。 
步骤 $: 元 件 在 第 40 帧 的 位 置 如 图 4.147 所 示 。 






Di 5 1 和 总 乾 和 
-本 


RN 
ms 


图 4147 


图 4146 本 
步骤 6: 单 击 “ 男 卷 1 帧 ， 并 ; Bn “ 男 卷 遮 午 ”元 件 。 
步骤 7: 单 击 喇 ( 具 , 并 调整 “ ”元 件 的 大 小 ， 如 图 4.148 所 示 。 







步骤 8: 为 “ 男 


: 、“ 国 卷轴 1” 茵 卷轴 2”3 个 图 层 创建 传统 补 间 动 男 ， 
图 层 效 果 如 图 4. 


3 





图 4.148 图 4.149 
步骤 9: 在 “画卷 谍 遇 ” 层 上 右 击 , 弹出 快捷 菜单 , 单 击 攻 厨 命 令 , 创建 遮 直 效果 ， 
层 效果 如 图 4.150 所 示 。 


步骤 10: 最 终 效果 如 图 4.151 所 示 ， 完 整 动画 请 观看 从 本 书 提供 的 网 页 下 载 的 素 村 第 
4 章 的 “ 谍 量 效果 .swf”Flash 文件 。 








图 4.151 





Fr 


四 、 举 一 反 三 





使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 4 章 Flash CS5 文字 特 


效 / 展 开 的 男 誉 效果 练习 .swf” 文 件 。 





4.3.3 案例 六 : 旋转 的 地 球 


一 、 案 例 效果 预览 
案例 效果 见 本 书 提供 的 


er 


第 4 章 Flash 


览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 
值 的 设置 、 SSE 。 通 过 该 案例 的 学 习 ， 使 学 


地 球 制 作 的 原理 、 技 巧 和 方法 。 
A 
案例 画面 效果 如 下 : 


a 
NS 


A 


程 ) 分 析 


案例 制作 的 大 致 步骤 : 


使 月 椭圆 工具 配合 产 色 面板 
的 设置 ， 剑 作 笃 向 渐变 椭 回 图形 
元 件 。 





使 月 庶 筷 命 令 鹿 伟 蓄 转 地 球 - 





< 


旋转 的 地 球 .swf” 文 件 。 通 过 预 
5 的 椭圆 工具 、 | Alpha 
掌握 旋转 的 





一 顺 


使 月 图片 制作 “地 图 ”加 形 





将 “地 久 ” 久 形 元 件 剑 作 伟 
统 补 间 动画 效果 
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三 、 详 细 操 作 步 又 
1. 制作 一 个 径 向 渐变 的 梢 “图 图 ”有 影 元 件 


步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “旋转 的 地 球 .fla” 文 件 。 

步骤 2: 单 击 Em Dg 命令， 弹出 【创建 新 元 件 】 对 话 框 , 按 如 图 4.132 
所 示 进 行 设 置 ， 单 击 一 旦 _ 按 钮 ， 新 建 一 个 图 形 元 件 。 

步 邓 3: 单 击 工具 箱 中 的 O( 情 加 工 县 , 设置 填充 色 为 本 思 【颜色 ] 浮动 面板 如 图 4.153 
所 示 , 笔触 额 色 设置 为 台 过 。 

步骤 4: 在 工作 区 域 绘 制 一 个 椭圆 ， 如 图 4.154 所 示 。 





Cm 
图 4152 3 到 > 图 4.154 
步骤 5: oo E 
2. 制作 一 个 A 图 形 元 件 ee 
步骤 1: Re 【创建 新 元 件 】 对 话 框 ， 具体 设置 


如 图 4.155 所 示 ， 单 击 志 maE_ 按钮 ， 新 建 一 个 图 形 元 件 。 
步骤 2: 单 击 EEEI--IEEE -ERESEEOEIGTEIS 合 令 ， 此 时 ， 弹 出 一 个 【导入 对话 框 。 
选中 要 导入 的 图 片 ， 单 击 打开 @) 按钮 ， 将 图 片 导入 到 工作 区 ， 如 图 4.156 所 示 。 





全 


文件 坦 : 所 从 BB 时 
Rh» 








图 4.155 图 4.156 


步骤 3: 在 导入 的 图 片上 右 击 , 弹出 快捷 菜单 ， 单 击 电台 命令 , 将 图 片 分 离 ,， 如 图 4.157 
所 示 。 

步骤 4: 单 击 工具 箱 中 的 * (选择) 工具， 将 分 高 的 地 图 不 要 的 部 分 框 中 , 按 Delete 键 ， 
将 其 删除 ,最 终 效果 如 图 4-158 所 示 。 


地: 


国 加 











图 4.157 图 4.158 

步骤 $: 单 击 时 间 轴 左上 角 的 本 5 至 安 钮 ， 返 回 场景 。 

3. 制作 地 球 旋转 动画 

步骤 1: 连续 单 击 时 间 轴 左下 角 的 是 (新建 图 层 ) 按 钮 ， by 并 重 命名 , 图 
层 效 果 如 图 4.159 所 示 。 

步骤 2: 分 别 将 “地 图 ”、“ 椭 圆 ” 元 件 拖 到 对 应 人 去 时 “椭圆 1”、“ 椭 圆 2” 
两 个 图 层 拖 入 同样 的 “椭圆 ”元 件 )， ER 折 示 ， 元 件 在 舞台 中 的 位 置 关系 
如 图 4.161 所 示 。 






one 











一 
~ 
图 4159 HY tox NL 驯 图 4161 
步骤 3: 在 “ 的 60 帧 处 插 项 ， 在 “ 桶 国 1”、“ 桶 贺 2” 图 层 的 第 
Nb 如 图 4.162 ee 
也 已 亲 TT = 
图 4.162 


步骤 4: 在 “地 图 ” 层 的 60 帧 中 的 任意 帧 上 右 击 ， 弹出 快捷 菜单 ， 单 击 锂 w' 命令 ， 
为 “地 图 ” 层 创建 让 间 动 画 。 

步骤 5: 单 击 “ 地 图 ” 层 的 第 60 帧 ， 此 时 ， 选 中 第 60 帧 的 “地 图 ”元 件 并 调整 位 置 ， 
如 图 4.163 所 示 。 

步骤 6: 在 “椭圆 1” 图 层 上 右 击 , 弹出 快捷 菜单 ， 单 击 巡 型 命令 , 创建 遮 淖 效果 。 图 
层 效果 如 图 4.164 所 示 。 








| NU we = 
图 4.163 图 4164 
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步 机 7: 单 击 “ 椭 圆 2” 图 层 , 选中 该 图 层 中 的 椭圆 , 设置 “ 桶 圆 ”元 件 的 属性 如 图 4.165 
所 示 , 效果 如 图 4.166 所 示 。 完整 动 男 效果 请 观看 本 书 提 供 的 网 页 下 载 的 素材 第 4 章 的 “ 旋 
转 的 地 球 .swf”Flash 文件 。 





图 4.165 图 4.166 

本 案例 主要 介绍 如 何 利用 Flash CS5 的 基础 Di 识 制 旋转 的 效果 。 在 制作 该 效 
果 的 时 候 ， 要 特别 注意 “椭圆 2” et AR 设置 ， 否 则 就 做 不 出 立体 效果 。 

W 举一反三 

使 用 前 面 所 学 知识 绘制 如 下 所 示 的 a ben “第 4 章 Flash CS5 文字 特 
效 /旋转 的 地 球 效果 练习 .swf” xf 





~ 
Ne 


4.3.4 案例 七 : 水 波 效果 
一 、 案 例 效 果 预 览 


案例 效果 见 本 书 提供 的 “第 4 章 Flash CS5 动 国 制作 /水 波 效 果 .swf” 文件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 套 索 工具 、 导 入 图 片 、 创 建 传统 补 间 
动画 、 遮 置 和 创建 元 件 来 制作 水 波 效 果 。 通 过 该 案例 的 学 习 ， 使 学 生 掌 握 水 波 效果 制作 的 
原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 男 面 效果 如 下 ， 





国 加 





Fr: 


秦 例 制作 的 大 致 步骤 : 
| 
pr 
号 入 图 片 , 将 图 片 制作 成 “ 桩 使 月 矩形 工具 剂 作 “条 纹 ” 
村 山水 ”图 形 元 件 。 图 形 元 件 。 





上风 


Dp:- < se “条纹 * 


拖 入 到 和 舞台， 审 作 条 纹 





三 、 详 细 操 作 步 又 wn 

1. 制作 “ 桩 林山 水 ”图 形 元 NS 

步骤 1: 运行 Flash CSsv SN “水 尖 刘 ”的 文件 。 

步骤 2: 单 证 【导入 到 库 】 对 话 框 。 选 择 “桂林 
安 钮 ， 将 图 片 导 多 到 往 中 。 






山水 .jpg” 图 片 ， 单 
步骤 3: 单 


ee ;弹出 【创建 新 元 件 】 对 话 框 ,具体 设置 如 
图 4.167 所 示 入 冲击 志 双 _ 按 钮 ， 新 建 艺 个 图形 元 件 。 


步骤 4: 将 刚 导 入 的 “桂林 山水 -ipg” 图 片 拖 到 工作 区 。 在 图 片上 右 击 ,弹出 快捷 菜单 ， 
在 快捷 菜单 中 单 击 E 命 令 ， 将 图 片 分 高 ， 效 果 如 图 4.168 所 示 。 

步骤 $: 单 击 Y (选择 ) 工 具 , 将 不 要 的 部 分 框 选 , 按 Delete 键 ， 将 其 册 除 。 效 果 如 图 4.169 
所 示 。 








图 4.167 图 4.168 图 4.169 
步骤 6: 单 击 时 间 轴 左上 角 的 本 按钮 ， 返 回 场景 。 
2. 制作 “条 纹 ” 图 形 元 件 


步骤 1: 单 击 ER -EEEEEEI 命令 ,弹出 [创建 新 元 件 ] 对 话 框 , 按 如 图 4.170 
所 示 进 行 设置 ， 单 击 L_ 斌 _ 按钮， 新 建 一 个 图 形 元 件 。 


地 
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步骤 2: 单 击 思虑 形 ) 工 具 ， 设 置 填 充 颜色 为 可 im ， 笔 触 新 色 为 昼 E， 在 工作 区 绘制 
埠 形 条 ， 效 果 如 图 4.171 所 示 。 





图 4.170 图 4.171 
步骤 3: 单 击 时 间 轴 左上 角 的 本 SSS 对 安 钮 ， 返 回 场景 。 
3. 制作 水 波动 画 将 果 
步骤 1: 连续 单 击 时 WU 六 3 个 新 图 层 ， 并 重 命名 ， 





层 效果 如 图 4.172 所 示 。 
步骤 2: 将 “桂林 山水 ”元 件 分 别 拖 异 1”、“ 桂 林山 水 2”、“ 桂 林山 水 
3” 图 层 , 将 “条 纹 ” 元 件 拖 到 “条 纹 ” 4.173 所 示 。 

步骤 3: 选择 “桂林 山水 2” 桂林 山水 ”元 件 ， 单 击 工具 箱 中 的 晤 (任意 变 





图 4.172 图 4.173 图 4.174 
步骤 4: 在 “条 纹 ” 图 层 的 第 60 帧 处 右 击 ， 弹 出 快捷 菜单 ， 单 击 EEEEEB 命 令 ， 插 入 关 
键 帧 。 分 别 在 “桂林 山水 1”、“ 桂 林山 水 2”、“ 桂 林山 水 3” 图 层 的 第 60 帧 处 右 击 ， 
在 绊 出 的 快捷 菜单 中 单 击 ES 命令 , 为 这 3 个 图 层 分 别 丘 入 帧 。 图 层 效 果 如 图 4.175 所 示 。 





图 4.175 


步骤 5: 将“ 条纹” 图 层 中 第 60 帧 处 的 “条 纹 ” 元 件 往 下 移动 ， 直 到 移 到 如 图 4.176 
所 示 的 位 置 。 

步骤 6: 在 “条 纹 ”图 层 前 60 帧 的 任意 帧 上 右 击 , 弹出 快捷 菜单 ， 单 击 名 we*s 命令 ， 
创建 补 间 动 画 。 


Fe re 





步 机 7: 在 “条 纹 ”图 层 上 右 击 , 弹出 快捷 菜单 ， 在 快捷 菜单 中 单 击 基 纪 舍 仿 , 创建 
遮 生 效果。 图 层 效果 如 图 4.177 所 示 。 










CC 
CAT 


局 卫 齐 [Re 
Er 








图 4.176 图 4.177 
步 要 8: 选中 “桂林 山水 3” 图 层 中 的 “桂林 山水 ” A wt, 弹出 快捷 
菜单 ， 单 击 E53 命令 将 该 元 件 分 高 。 Na 
步 台 9: 单 击 [法 职 ] 工具 ， 先 中 要 遇 的 8 六 如 
步骤 10: 按 Delete 键 ， oe 


人 


4.178 所 示 。 


如 图 4.179 所 示 。 










x 
从 4.178 个 图 4.179 
充 整 动 田 效 果 请 观看 从 本 书 提供 的 网 页 下 载 的 素材 第 4 章 的 “水 波 效 果 .swf’Flash 文件 。 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 4 章 Flash CS5 文字 特 
效 /水 滤 效 果 练 习 .swf” 文 件 。 
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4.3.5 案例 八 : 礼花 绽放 


一 、 案 例 效 果 预 览 

案例 效果 见 本 书 提供 的 “第 4 章 Flash CS5 动画 制作 /礼花 绽放 效果 .swf” 文件 。 
预览 了 解 本 案例 的 最 终 效 果 。 本 染 全 和 要 使 用 Flash CS5 的 铅笔 工具 、 桶 圆 工具 、 这 轨 、 证 
建 传统 补 间 动画 \ 创建 符号 元 件 、 填 充 色 的 设置 和 将 线条 转换 为 填充 来 制作 礼花 绽放 效果 。 
通过 该 雪 例 的 学 习 ， 使 学 生 人 掌握 礼 给 放 效 果 制 作 的 原理 、 技 巧 和 方法 。 

二 、 本 案例 画面 效果 及 制作 步 又 (流程 ) 分 析 


案例 男 面 效果 如 下 : 








案例 制作 的 大 致 步骤 : 





光 


制作 “礼花 ” 










x 
2 图 


使 用 椭 回 工具 和 蘑 化 填充 这 
繁 命令 制作 “ 椭 回 ”图形 元 件 。 









几 


到 | 一 加 


将 制作 好 的 “礼花 动画 ” 连 使 用 这 受命 令 制作 “礼花 动 
读 拖 几 次 到 场景 舞台 中。 画 ” 影 片 剪 固 动 画 。 





三 、 详 细 操 作 步 又 

1. 制作 “礼花 ”图 形 元 件 

步骤 1: 运行 Flash CS5， 新 建 一 个 名 为 “礼花 绽放 .ma” 的 文件 。 

步骤 2: 设置 舞台 颜色 为 纯 黑色 。 

步骤 3 : 单 击 EESH EECOEIOS 合 令 ， 弹 出 [创建 新 元 件 ] 对 话 框 , 按 如 图 4.180 
所 示 进 行 设 置 ， 单 击 二 荆 _ 按 钮 ， 新 建 一 个 图 形 元 件 。 





和合 : 


rm: 





步骤 4: 单 击 工具 箱 中 的 【铅笔 ] 工 县 , 在 工作 区 绘制 如 图 4.181 所 示 的 效果 。 





























[em Ws 
图 4.180 图 4.181 
步 台 5: 选中 所 绘制 的 图 形 , 单 击 EaE -EB3EH HEEEEESDE 语 仿 ， 将 给 制 的 图 形 竺 换 
为 填充 图 形 。 ， 
步 要 5: 选中 填充 图 形 ， 单 击 工具 箱 中 的 5 人 币 4 梧 ) 了 愉 |3 设 置 【上 色 】 浮动 面板 ， 
如 图 4.182 所 示 。 填 充 效果 如 图 4.183 所 示 。 SN 





疡 ?182 8 图 4.183 
步骤 7: Dn i 到 对 安 讯 ， 返 回 场景 。 
2. 制作 “ 横 图 ”图 形 元 件 
步骤 1: 单 击 EEEEIHEEEEEIIETESEZ 全 令 ， 痒 出 【创建 新 元 件 】 对 话 框 ， 具体 设置 
如 图 4.184 所 示 , 单 击 _ ws 按钮 ,新建 一 个 图 形 元 件 。 
步骤 2: 单 击 O( 椭 圆 工 具 ， 在 工作 区 绘制 一 个 椭圆 ,效果 如 图 4.185 所 示 。 




















图 4.184 图 4.185 
步骤 3: 选中 绘制 的 梢 圆 ， 单 击 国 Ral 本 aa 命令 ， 弹 出 【 杀 化 填充 边 
缘 】 对 话 框 ， 具 体 设置 如 图 4.186 所 示 , 单 击 _ 按钮 ,图 形 效 果 如 图 4.187 所 示 。 
步骤 4: 选中 需要 删除 的 部 分 ， 按 Delete 键 ， 将 所 选中 的 部 分 删除 ， 如 图 4.188 所 示 。 
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图 4.186 图 4187 图 4.188 
步骤 5: 单 击 时 间 轴 左上 角 的 本 对 安 祖 ， 返 回 场景 。 
3. 制作 “礼花 动 囊 ” 澎 片 剪 转 元 件 





步骤 1: 单 让 EE * 名 5 命令， 弹出 Ke 对 话 框 ， 具 体 设置 
如 图 4.189 所 示 ， 单 击 一 而 宇 _ 按钮 ， 新 建 一 个 “图 形 ” 。 
步骤 2: 单 击 时 间 轴 左下 角 的 可 (新 建 图 层 站 # 个 新 图 层 ,并重 命名 ， 图 层 效 


果 如 图 4.190 所 示 。 XY 





图 4.190 


图 4 
3 La i ”图 层 中 ,将 库 中 的 “ 梢 圆 ”元 件 拖 到 
“ 栅 贺 "图 民 Ee RL 

步骤 4: 利用 工具 箱 中 的 苇 任 意 变形 ) 工 具 调整 栅 圆 的 大 小 ,如 图 + 192 所 示 。 


ow 

wo 
NE -日 
2 1 
EE 
| 


4.191 图 4.192 


步骤 5: 在 “礼花 ” 图 层 的 第 10 帧 处 右 击 ， 弹 出 快捷 菜单 ， 单 击 EEER3 拿 令 ， 此 时 在 访 
层 的 第 10 帧 处 插入 普通 帧 。 

步骤 6: 在 “椭圆 ” 层 的 第 10 帧 处 右 击 ， 弹 出 快捷 菜单 ， 单 击 EEBEESES 合 邻 ， 此 时 在 该 
层 的 第 10 帧 处 插入 一 个 关键 帧 。 图 层 效果 如 图 4.193 所 示 。 

步骤 7: 单 击 “ 椭 圆 ” 层 的 第 1 帧 ,选中 该 帧 的 “ 精 圆 ”元 件 , 单 击 工 具 箱 中 的 【任意 
变形 】 工具 ,调整 该 元 件 的 大 小 如 图 4.194 所 示 。 

步骤 8$: 在 “椭圆 ”前 10 帧 中 的 任意 帧 上 右 击 , 弹出 快捷 菜单 ， 单 击 es+t 各 命令 ， 
为 “椭圆 ”图 层 创建 补 间 动画 。 





何 : 





Flash CS5 动画 设计 案例 教程 








步骤 9: 在 “椭圆 ”图 层 上 右 击 ,弹出 快捷 菜单 








， 单 击 基 E 呈 命令 ,创建 庶 直 效果 。 图 

层 效果 如 图 4.195 所 示 。 

i BO: $s his -a0O 

二 一 到 & 目 

| pom} 
| Ce 

-EI E_n 

图 4.193 图 4.194 图 4.195 


步骤 10: 最 终 效 果 如 图 4.196 所 示 。 


步骤 11: 单 击 时 间 轴 左上 角 的 本 5 至 安 钮 ， smog 
步骤 12: 将 “礼花 动画 ” 影 上 到 辑 拖 到 舞台 3 据 需要 多 拖 几 次 )， 最 终 效果 如 
图 4.197 所 示 。 


电 








图 4.197 
完整 动画 i er 4 童 的 “礼花 绽放 .swf”Flash 
文件 。 
四 、 举 一 反 三 
使 用 














前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效 果 请 观看 “第 4 章 Flash CS5 文字 特 
效 扎 花 绽 放 效 果 练习 swf” 文件。 
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4.4 ”形状 动画 效果 


4.4.1 案例 九 : 海浪 线 
一 、 案 例 效果 预览 
案例 效果 见 本 书 提供 的 “第 4 章 Flash CS5 动画 制作 /海浪 线 效果 .swf” 文件 。 通 过 预 

览 了 解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 Flash CS5 的 直线 工具 、 选 择 工具 、 动 作 脚 本 、 

创建 形状 动画 和 新 建 元 件 来 制作 海浪 线 效 果 。 通 过 该 案例 的 学 习 ， 使 学 生 人 掌握 动作 脚本 语 

言 的 使 用 方法 和 作用 。 论 
二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 SK 
案例 画面 效果 如 下 : 







~、 八 作 作 八 | 和 

使 用 铅笔 具 创 | 一 > 片区 加 元 件 , 拖 到 条 
作 “海浪 线 ” 影片 药 全 二 亏 添 加 两 个 关 
加 元 件 。 链 时 ， 








关 
关 
语 


链 锐 添加 动作 和 启 本 
言 . 





三 、 详 细 操作 步骤 


1. 制作 “海浪 线 ” 影 片 蒋 纤 元 件 

步 台 1: 运行 Flash CS5, 新 建 一 个 名 为 “海浪 线 .fla” 的 文件 。 

步骤 2: 设置 舞台 背景 颜色 为 纯 黑色 。 

步骤 3 : 单 击 ES IE 天命 令 , 弹出 【创建 新 元 件 ] 对 话 框 , 按 如 图 4.198 
所 示 进 行 设置 ， 单 击 _ae_ 按 钮 ,新建 一 个 图 形 元 件 。 

步骤 4: 单 击 工具 箱 中 的 苗 俩 笔 ) 工 具 , 笔触 颜色 设置 为 红色 。 在 工作 区 绘制 如 图 4.199 
所 示 的 曲线 。 

EE 





,Flash CS5 动画 设计 肝 例 天 各 


Ei 


| 





图 4.198 图 4.199 
步骤 5: 在 图 层 的 第 10 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 EEE3E3 命 令 ， 此 时 ， 在 
第 10 帧 处 插入 一 个 关键 帧 , 将 该 帧 曲线 的 颜色 改 为 蓝 色 , 并 进行 形状 调整 ,效果 如 图 4.200 


所 示 。 
步骤 6: 方法 同步 骤 5， 分 别 在 第 20、30、40 帧 处 插 久 关键 帖 ， 颜 色 分 别 为 绿色 、 黄 


色 、 粉 红色 。 形 状 分 别 如 图 4.201 一 图 4.203 所 示 。 








图 4203 


证 设置 【属性 】 面 板 如 图 4.205 


图 4202 的 > 
_ 步骤 7: 二 过 中层 所 及， 如 














ee 图 4.205 
步骤 8: 单 击 时 间 轴 左上 角 的 ES 欣 钮 ， 返 回 场景 。 
线 ” 影 片 前 鲜 元 件 添加 脚本 语言 


步骤 1: 将 “ 库 ” 中 的 “海浪 线 ” 影 片 煎 驾 元 件 抑 到 舞台 中 ,位置 如 图 4.206 所 示 。 
步骤 2: “海浪 线 ” 影片 瘟 加 的 【属性 】 面 板 设置 如 图 4.207 所 示 。 





2. 给 








图 4206 图 4.207 
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步骤 3: 分别 在 “图 层 1” 的 第 2 帧 、 第 3 帧 处 插入 关键 帧 ， 效 果 如 图 4.208 所 示 。 
步骤 4: 在 “图 层 1” 的 第 1 帧 上 右 击 , 弹出 快捷 菜单 ， 单 击 基 8B 命 令 , 弹出 【动作 帧 ] 
对 话 框 ， 在 该 对 话 框 中 输入 如 图 4.209 所 示 的 脚本 。 





TE ) 区 豆 叶 
nax = $0; 
| setProperty(0°, _visible, false); 
a Ly setProperty(0, slpha, 0); 
ee, sd 
图 4208 图 4209 


步骤 5: 用 同样 的 方法 , 在 第 2 帧 第 3 帧 处 分 别 es 10 与 图 4.211 所 示 的 代码 。 


uplicatolovieclip(i-l, 3, 2); 侈 (ceaax) [ 
setProperty(i, _y, eetProperty(i=]}, _y)+*+i/10):; gotoAndPlay (2) ; 
setProperty(i, _alphs, getProperty ( i-1, _alpha )+3); 3 1 else { 
setProperty(i, xscale, getProperty(i-l, xscale)+4); SN stop(); 


= i+l 


图 4.210 图 4.211 
eS 章 的 “海浪 线 .swf”Flash 文 件 。 
四 、 举 一 反 三 六 
使 用 前 面 所 学 知识 给 pe, ei 观看 “第 4 章 Flash CS5 文字 特 
效 海 ; RR 


No 





4.4.2 案例 十 : 飘落 的 雨丝 
一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 4 音 Flash CS5 动画 制 作 /局 落 的 雨丝 效果 .swf” 文件 。 通 
过 预览 了 解 本 案例 的 最 终 效果 。 。 本 过 全 主要 合用 Flash CS5 的 铅 拭 形 工具 、 图 片 的 导入 、 遮 
量 、 创 建 传统 补 间 动画 和 符号 元 件 来 制作 票 沙 的 雨丝 效果 。 通 过 该 案例 的 学 习 ， 使 学生 拿 
握 囚 落 的 雨丝 效果 的 制作 原理 、 技 巧 和 方法 。 


®: 


国 加 





[Chow 


二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 
奉 例 画面 效果 如 下 : 





案例 制作 的 大 致 步骤 : 


使 用 乱 形 工具 创作 “ 矩 形 欠 ” 
图 形 元 件 C 一 > 





{ 政 形 条 ”加 形 元 件 创作 “ 算 





使 用 “ 责 丝 ”影片 豌 舞 元 伯 
和 图 片 合成 棱 落 的 十 兰 效 p 


三 、 opi 加 
1. 制作 “区 形 元 件 
不 


闪 
步骤 1: Seri Css， 新 结 一 仆 “各 济 的 二 此 ne 的 文件 。 
步 要 2: 设置 舞台 背景 颜色 为 “ 纯 黑色 ”。 
步骤 3 : 单 击 EN -EECIEEESI 合 邻 ,弹出 [创建 浙 元 件 ] 对 话 框 , 按 如 图 4.212 
所 示 进行 设置 ， 单 击 _ 呈 _ 按 钮 ,新建 一 个 图 形 元 件 。 
步 台 4: 单 击 工具 箱 中 的 口算 芍 工具 ,设置 填充 色 为 加 (白色), 笔 甬 靖 色 为 琶 呈 2 
在 工作 区 给 制 如 图 4.213 所 示 的 拭 形 条 。 











4.213 


图 4.212 
步骤 5: 单 击 时 间 轴 左上 角 的 本 于 安 钮 ， 人 返回 场景 。 
2. 制作 “起 形 条 块 ”图 形 元 件 
步 台 1: 单 市 Em -EECGESIES 合 令 , 弹 出 【创建 新 元 件 ] 对 话 框 , 按 如 图 4.214 


省 
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所 示 进 行 设置 ， 单 击 _ 冯 按钮。 新建 一 个 图 形 元 件 。 
步骤 2: 将 “ 库 ” 中 的 “矩形 条 ” 拖 到 舞台 中 ， 并 复制 若干 条 ， 效 果 如 图 4.215 所 示 。 
步骤 3: 将 所 有 矩形 条 选中 , 在 选中 的 矩形 条 上 右 击 , 在 弹出 的 快捷 某 单 中 单 击 国 当 命 
念 ， 将 所 有 矩形 条 分 高 ， 效 果 如 图 4.216 所 示 。 








图 4214 





步 邓 4: 单 击 时 间 轴 左上 角 本 5E 安 钮 ， 返 回 场景 。 / 
3. 制作 “雨丝 ” 涪 片 前 加 元 件 KN 
步骤 1: 单 击 ES 目 


区 | 建新 元 件 ] 对 话 框 , 按 如 图 4.217 
所 示 进 行 设置 ， 单 击 志 本 二 按 相 ， 新 建 一 个 量 元 件 。 
步 要 2: 丑 ， 创 建 一 个 新 图 层 ， 重 命名 两 个 图 层 ， 





如 图 4.218 所 示 。 
步骤 3: 将 “ 库 ” 中 的 “ 矩 分 别 拖 到 两 个 图 层 上 ,并 对 “ 拒 形 块 2” 图 层 中 的 


件 用 萎 二 诡 形 旋转 说 4.219 所 示 。 








= 2 | 
Es 本 | | 
= 
图 4217 图 4.218 图 4219 

步骤 4: 在 “矩形 块 2” 图 层 的 第 5 帧 处 插入 关键 帧 ， 在 “矩形 块 1” 图 层 的 第 5 帧 处 
插入 帧 , 图 层 效果 如 图 4.220 所 示 。 调整 “矩形 抉 2” 图 层 中 第 5 帧 中 的 元 件 位 置 , 如 图 4.221 
所 示 。 

步骤 5: 在 “ 拒 形 块 2” 图 层 的 第 1 一 5 帧 的 任意 帧 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 
wet 命令， 创建 传统 补 间 动 男 。 

步骤 6: 在 “矩形 块 2” 图 层 上 右 击 , 弹出 快捷 菜单 ， 在 快捷 菜单 中 单 击 芭 Ei 命令， 
建立 遮 重 效果 。 图 层 效果 如 图 4.222 所 示 。 


me es se 
-ood : 
TT 
DR “8 日 
PE CE 
Si i 到 
aa [si sm | 


图 4220 图 4221 
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步骤 7: 单 击 时 间 轴 左上 和 角 的 ES 扩 钮 ， 返 回 场景 。 

4. 导入 图 片 与 “两 丝 ”影片 剪 辑 元 件 合成 下 而 效果 

步骤 8: 单 击 国 开本 Bod aE 二 令 ,弹出 【导入 到 库 】 对 话 框 选择 “ 柱 林 
山水 .jpg” 图 片 ， 单 击 rmxw 按钮 。 

步骤 9: 单 击 时 间 轴 左下 角 的 加 全 a 建 图 层 ) 按 钮 ,创建 一 个 新 图 层 ， 重 命名 两 个 图 层 ， 
如 图 4.223 所 示 。 

步骤 10: 将 导入 的 图 片 皂 到 “图 片 ”图 层 中 , 将 “ 库 ” 中 的 “雨丝 ”影片 募 辑 元 件 拖 
到 “雨丝 ”图 层 中 , 效果 如 图 4.224 所 示 。 








图 4.223 





图 4.224 
步骤 11: 选中 “雨丝 ” an 影片 筋 辑 元 件 ， 设 置 元 件 【 属 性 】 面板, 如 


图 4.225 所 示 。 RAN 
步骤 12: 可 4 条 各 晶 泡 2 示 ， pgm 站 下 载 的 素 
材 第 4 章 的 “ 畦 党 的 十 Flash 文 件 。 






x > 效 
ee 
图 4225 图 4226 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 4 章 Flash CS5 文字 特 
效 嘻 落 的 十 此 效果 练习 -swf” 文件 。 
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知识 点 : Ee 
1. 苘 章 按 钮 

2. 动画 按钮 RS 

3.“ 别 三 我 ”文字 制作 

4 跟 隧 光标 的 拉 示 XS> 奖 ]: 
5. 调节 音量 湾 x 

6. 控制 图 片 变化 

7 左右 声 进 ~ NS 

8. 用 组 过 按 钮 衫 全 

9 选择 有 演 近 站 

10 使 用 按钮 坟 入 图 片 


NY 说 明 ， 
本 章 主要 介绍 Flash CS5 按 名 的 制作 ,通过 10 个 案例 全 面 讲解 按 名 的 制作 方法 与 技巧， 
学 生 对 本 部 内 容 一 定 要 学 所， 它 是 制作 交互 动画 的 基础 。 


教学 建议 课时 数 : 
一 般 情况 下 需 18 课 时 ,其 中 理论 6 课时 ,实际 操作 12 课时 (可 根据 特殊 情况 做 相应 调整 )。 


Fer: 


5.1 按钮 基础 知识 


5.1.1 按钮 的 介绍 
1. 按钮 简介 


按钮 是 人 机 进行 信息 交互 的 基础 ， 它 对 鼠标 单 击 事件 进行 响应 。 按 钮 可 对 按钮 静止 、 
将 鼠标 指针 移 到 按钮 上 、 按 下 鼠标 左 键 3 种 事件 作出 响应 。 这 3 种 事件 对 应 着 按钮 的 4 种 
状态 : 弹 起 (按钮 静止 )、 指 针 经 过 (将 鼠标 指针 移动 到 按钮 上 )、 按 下 ( 按 下 按钮 ) 点击 ( 定 义 
按钮 响应 区 域 )。 这 4 种 状态 定义 了 按钮 的 4 个 关键 帧 下面 谋 幼 介绍 按钮 的 这 4 个 关键 帧 。 

(D【 弹 起 】 帧 : 在 【 弹 起 】 帧 中 定义 按钮 的 正常 显 是 按钮 未 被 鼠标 单 击 
时 所 显示 的 效果 。 

《2)【 指 针 经 过 】 帧 : 定义 当 妃 标 指针 移 到 按钮 次 但 不 单 击 它 时 按钮 的 效果 。 一 般 该 幅 
相对 于 【 弹 起 】 帧 应 有 所 改变 。 比 如 : 可 以 定 愉 当 般 标 指针 移 到 按钮 上 时 按钮 变色 或 放大 、 
缩小 等 , 对 于 文字 按钮 ， 可 以 定义 当 饼 标 指 外 移 到 按钮 上 时 文字 变色 或 改变 文字 的 字体 等 。 

(3)【 按 下 】 帧 : 定义 按钮 按 下 昧 所 由 现 的 效果 。 对 于 图 形 按钮 来 说 ， 按 钮 被 按 下 时 一 

会 定义 得 比 未 被 按 下 时 要 小 一 些 > 这 样 , 当 按 下 按 按钮 会 自动 缩小 , 出 现 动态 效果 。 















起 、 指 针 经 过 和 按 孔 3 种 基态 
记 的 区 二 响应 ,< 人 ~ 疙 - 
提示 : 按钮 用 线 和 月 4 种 状态 ， 但 可 根据 需要 定义 这 4 种 帧 状态 ， 也 可 只 定义 一 部 分 ， 但 一 
些 基 本 的 帧 必须 定义 。 一 般 而 言 ，【 弹 起 】 帧 和 【指针 经 过 】 帧 必须 定义 。 
2. 按钮 的 创建 


D 创建 图 形 按钮 

(1) 单 击 E 一 E005 命令， 弹出 【创建 新 元 件 】 对 话 框 , 按 如 图 5.1 所 示 
进行 设置 。 

(2 单 击 亡 枉 -按钮 进入 按钮 编辑 区 ， 时 间 轴 中 将 出 现 按钮 的 4 个 状态 帧 ， 如 图 5.2 
所 示 。 








图 5.1 图 52 
(3) 定义 按 乌 的 4 个 帧 。 在 按 钮 中 可 以 使 用 影片 刘 辑 元 件 、 图 形 元 件 或 素材 库 中 的 组 
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件 对 象 。 在 这 里 我 们 利用 绘图 工具 绘制 按钮 的 4 个 帧 。 

中 定义 【 阐 起 】 帧 : 利用 前 面 所 学 知识 在 工作 区 域 中 绘制 如 图 5.3 所 示 的 图 形 。 

加 定义 【指针 经 过 】 帧 : 用 鼠标 在 【指针 经 过 】 帧 处 插入 一 个 关键 帧 ， 此 时 【 弹 起 】 
帧 的 图 形 被 复制 到 【指针 经 过 ] 了 帧 的 工作 区 。 确 保 图 形 被 选中 ， 在 【 混 色 器 】 面 板 中 进行 
色彩 调整 ， 得 到 如 图 5.4 所 示 的 图 形 。 

图 定义 【 按 下 】 帧 : 用 鼠标 在 【 按 下 】 帧 处 插入 一 个 关键 帧 ， 此 时 【指针 经 过 ] 帧 的 
图 形 被 复制 到 “ 按 下 ”的 工作 区 。 确 保 图 形 被 选中 ， 在 【 混 色 器 】 面 板 中 进行 色彩 调整 ， 
得 到 如 图 5.5 所 示 的 图 形 。 

图 定义 【点 击 】 帧 : 用 鼠标 在 【点 击 】 帧 处 插入 一 个 关键 帧 ， 并 进行 大 小 的 调整 ,得 
到 如 图 5.6 所 示 的 图 形 。 该 帧 主要 是 定义 按钮 的 有 效 单 击 范围 入 在 有 效 范围 里 按 下 按钮 时 ， 
系统 才 认为 该 事件 已 经 发 生 。 如 果 不 定义 该 帧 , 则 系统 器 i ]】 帧 为 响应 区 域 。 


Sy 
\) Ko 气 
图 5.3 > 5 图 5.6 


人 单 击 图 层 左 上 角 的 有 1， 返回 场 作 充 毕 。 
2) 创建 


文字 按钮 
(D be ein 对 话 框 , 具体 设置 如 图 5.7 
所 示 。 f 


(2) 单 击 a 时 间 轴 中 将 出 现 按钮 的 4 个 状态 帧 , 如 图 5.8 


所 示 。 


图 57 图 5.8 

(3) 定义 按钮 的 4 个 帧 。 在 按钮 中 可 以 使 用 影片 齐 辑 元 件 、 图 形 元 件 或 素材 库 中 的 组 
件 对 象 。 在 这 里 我 们 利用 绘图 工具 绘制 按钮 的 4 个 帧 。 

中 定义 【 弹 起 】 帧 ; 利用 文字 工具 和 前 面 所 学 知识 在 工作 区 域 中 输入 如 图 5.9 所 示 的 
文字 。 

加 定义 【指针 经 过 】 帧 : 用 鼠标 在 【指针 经 过 ]】 帧 处 插入 一 个 关键 帧 ， 此 时 【 弹 起 】 了 
帧 的 文字 被 复制 到 【指针 经 过 】 帧 的 工作 区 。 确 保 文字 被 选中 ， 在 文字 【属性 】 面 板 中 进 
行 色彩 调整 ， 得 到 如 图 5.10 所 示 的 文字 。 

加 定义 【 按 下 】 帧 ; 用 鼠标 在 【 按 下 ] 帧 处 插入 一 个 关键 帧 ， 此 时 【指针 经 过 ]】 帧 的 




















[大 CS Ht 
文字 被 复制 到 【 按 下 】 帧 的 工作 区 。 确 保 文字 被 选中 ， 在 文字 【 属性】 面板 中 进行 色彩 调 
整 ， 得 到 如 图 5.11 所 示 的 文字 。 
图 定义 【点 击 】 帧 ; 用 鼠标 在 【点 击 】 帧 处 插入 一 个 关键 帧 ， 并 进行 大 小 的 调整 ,得 

到 如 图 5.12 所 示 的 文字 。 该 帧 主要 是 定义 按钮 的 有 效 单 击 范围 , 在 有 效 范围 里 按 下 按钮 时 ， 
系统 才 认 为 该 事件 已 经 发 生 。 dA 则 系统 默认 【 弹 起 】 帧 为 响应 区 域 。 
我 的 主页 | 我 的 主 页 
图 59 图 510 图 5.11 图 512 


回 单 击 图 层 左上 角 的 杖 下 按钮 ， 返 回 场景 ， 按 钮 制作 完 纯 
(和 9 将 按钮 加 入 到 场景 中 的 方法 : 打开 【 库 】 面 板 ， 中 选中 要 插入 的 层 中 的 关 
键 帧 ， 将 “ 库 ” 中 的 按钮 拖 到 场景 的 舞台 中 即 可 。 
(5) 预览 按钮 的 两 种 方法 : 第 一 种 , 单 击 | 
二 种 ， 单 击 EEH 


5.1.2 基本 按钮 的 制作 RS 












1. 为 图 形 接 钮 添加 文字 NS 
通过 给 A 瞬间 艺术 ” 文 怠 和 HH 角 息 术 图 形 按钮 添加 文字 ， 
方法 如 下 。 





《(D 在 场 按钮 ”， 进 入 状态 ， 如 图 5.13 所 示 。 
(2) 单 击 图 层 友 a 添加 一 个 新 的 图 层 ， 如 图 5.14 所 示 。 
Ga ] 





wy 


Sd 


图 5.13 图 5.14 

(3) 单 击 “ 图 层 2” 的 【 弹 起 】 帧 ,此 时 选中 【 弹 起 】 帧 , 利用 局 ( 情 圆 工具 和 前 面 所 
学 的 知识 绘制 如 图 5.15 所 示 的 椭圆 。 

(9 在 “图 层 2” 的 【指针 经 过 】 帧 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 有 型 命 令 ， 
插入 一 个 关键 帧 。 此 时 ,该 帧 将 复制 【 弹 起 】 帧 的 椭圆 ,将 该 桶 圆 修改 成 如 图 5.16 所 示 
的 效果 。 

(9) 在 “图 层 2” 的 【 按 下 】 帧 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 Ese 命 令 , 插入 一 
个 关键 帧 , 此 时 , 它 将 复制 【指针 经 过 】 帧 的 椭圆 , 将 该 椭圆 修改 成 如 图 5.17 所 示 的 效果 。 
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图 5.15 图 5.16 图 5.17 
(g) 单 击 图 层 左 上 角 的 本 到 安 守 ， 返 回 场景 , Wh. 
2. 使 用 按 名 加 载 外 部 影片 站 
可 以 通过 按钮 将 所 做 的 其 他 影片 加 加 
用 频率 非常 高 。 在 这 里 ， 我 们 来 讲解 
《D) 选中 场景 中 的 按钮 ， 打 
移 到 “人 ”中间 。 
(2 选择 【动作 ] 面板 四 









图 518 

(3) 在 “loadMovie0” 的 “0” 中 输入 参数 ， 如 图 5.19 所 示 。 

“donghua : 是 要 加 载 的 影片 名 称 , 注意 要 加 载 的 影片 名 称 一 定 要 是 英文 或 数字 , 不 能 
用 中 文 命名 ,影片 名 字 要 用 双 引 号 。 

目 : 表示 加 载 的 动画 所 处 的 层 的 位 置 代码、 函数、 参数 将 在 后 面 做 详细 介绍 。 

(和 9 关闭 【动作 ] 面板, 制作 完毕 。 

3. 为 按钮 添加 电子 邮件 

在 工作 和 学 习 中 ， 电子 邮件 的 使 用 非常 频 葡 ， 在 按钮 中 加 入 电子 邮件 对 我 们 取 用 网 上 
信息 更 为 方便 。 其 方法 与 按钮 加 载 方法 相同 ， 只 是 要 在 URL 框 中 输入 E-mail 地 址 ， 在 添 
加 地 址 前 应 先 加 入 “mailtto”。 在 【动作 】 面 板 中 输入 的 语句 如 图 5.20 所 示 。 








om ioe to :i i 025520_ Tingdl63. con”, 1); 
图 5.19 图 5.20 


5.2 简单 控制 按钮 的 制作 


5.2.1 案例 一 : 简单 按钮 
一 、 案 例 效果 预览 


秦 例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制 
了 解 本 案例 的 最 终 效果 。 本 条 例 主 要 使 用 Flash CS5 的 


和 颜色 浮动 面板 来 制作 一 个 简单 按 包 效 果 。 通 
的 方法 和 技巧 。 


二 、 本 案例 画面 效果 及 制作 步骤 Sa 
案例 男 面 效果 如 下 : 


| 
雪人 
[cl Es [i sp) 


新 建 一 个 技 扭 元 件 。 使 用 答 插入 关键 师 ， 改 变 【 指 针 经 
形 工具 和 文字 人 制作 【 弹 起 】 凡 的 过 ]】 蚁 的 文字 额 色 。 








钮 .swf” 文 件 。 通 过 预览 
具 、 任意 变形 工具 文字 工具 
"学习 ， 使 学 生 掌 握 简 单 按钮 制作 


鼠标 按 下 时 的 效果 


效果 。 








将 制作 好 的 技 住 疮 到 舞台 中 
ee 改变 【 技 下 】 
是 的 文字 颜色 。 
三 、 详 细 操作 步 又 
1. 简单 按钮 的 制作 


步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “简单 按钮 fla” 文件。 
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步骤 2: 单 市 J * EST 命令， 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
如 图 5.21 所 示 。 单 击 _ 冯 按钮 ,， 【图 层 】 面板 如 图 5.22 所 示 。 





图 5.21 图 5.22 
说 明 : 
se ni CC 





村 于 又 理性 指 筷 标 指针 移 到 按钮 上 时 显示 的 状态 。 

二 BE 是 指 在 按钮 上 按 下 鼠标 左 键 时 显示 的 状态 。 

三 本 到 本 是 指 饼 标 指针 触发 按钮 的 范围。 LS 

步骤 3: 单 击 并 选中 图 层 的 于 于 

步骤 4: 单 击 工具 箱 中 的 回 E 形 人 触 颜色 设置 为 志 @ ， 算 形 【 阁 色 】 浮 动 
面板 的 设置 如 图 5.23 所 示 。【 属 性 】 设置 如 图 5.24 所 示 , 在 工作 区 绘制 一 个 矩形 ， 
如 图 5.25 所 示 。 





图 5.23 图 524 图 525 


步骤 5: 选择 绘制 的 拒 形 ， 使 用 几 ( 任 意 变 形 ) 工 具 ， 对 绘制 的 矩形 进行 旋转 和 缩放 操 
作 ， 删 除 左右 两 边 的 边框 ， 最 终 效果 如 图 5.26 所 示 。 

步骤 6: 使 用 下 文字) 工具 输入 文字 , 如 图 527 所 示 。 

步骤 7: 在 REEEEEEHN 上 右键 ,在 弹出 的 快捷 菜单 中 单 击 ES 命令 ,此 时 , 在 要 时 本 四 
帧 处 插入 一 个 关键 帧 。 

步骤 8: 单 击 * (选择 工具 , 选中 如 图 5.27 所 示 的 文字 , 改变 文字 的 赢 色 , 效果 如 图 5.28 
所 示 。 

步骤 9: 在 ER 关上 右 击 ,在 弹出 的 块 捷 菜 单 中 单 击 ESEEE3 合 令 , 此 时 ,在 ER 
帧 处 插入 一 个 关键 帧 。 

步骤 10: 单 击 (选择 ) 工 具 , 选中 如 图 5.28 所 示 的 文字 部 分 ， 改 变 文字 的 颜色 ,效果 
如 图 5.29 所 示 。 


Fr: 


5.26 图 5.27 图 528 图 5.29 


步 台 11 :在 ES 由 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 EEEEEE3 合 令 ,此 时 ,在 下 5 本 
帧 处 插入 一 个 关键 帧 。 

步骤 12: 单 击 时间 负 左上 角 的 BE 到 家 钮 ， 返 回 场景 。 

2. 测试 向 单 护 锂 

步骤 1: 将 “ 库 ” 中 的 “简单 按钮 ” 拖 到 舞台 中 。 
步骤 2: 在 菜单 栏 中 单 击 葬 i* 宇内 入 过 组" 命令 进 f 
步骤 3: 将 鼠标 指针 移 到 按钮 上 的 效果 如 图 5.31 
步骤 4: 按 下 鼠标 指针 时 的 效果 如 图 5.32 


站 总 2 


图 5.30 图 532 









果 ,， 如 图 5.30 所 示 。 


四 、 举 一 反 三 


es 和 “第 5 音 Flash CS5 文字 特 
效 / 简 单 按钮 练习 . 件 。 





5.2.2 案例 二 : 动画 按钮 

一 、 秦 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制作 / 动 男 按钮 .swf” 文件 。 通 过 预览 
了 解 本 秦 例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 椭圆 工具 文字 工具 、 创建 让 间 动 画 、 
添加 传统 运动 引导 层 命令 和 分 高 命令 来 制作 一 个 动画 按钮 效果 。 通 过 该 案例 的 学 习 ， 使 学 
生 掌握 动画 按钮 的 制作 原理 、 方 法 和 技巧 。 
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二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 
案例 画面 效果 如 下 : 





弹 起 
守 例 制作 的 大 和 致 步骤 : 





使 用 添加 运动 引导 图 层 、 j 建 传统 补 间 命 令 和 属 


we "rn “环形 文字 
个 环形 的 文字 图形 元 件 。 动画 ”影片 甬 辑 元 件 : 





i 
件 来 制作 一 个 动画 技 钙 


et 


进行 护短 测试 


三 、 详细 人 并 
1 制作 So 图 形 元 件 % 


步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “ 动 男 按钮 .fla” 的 文件 。 
步骤 2: 单 击 ES E250 命令， 弹出 【创建 新 元 件 】 对 话 框 ,具体 设置 
如 图 5.33 所 示 , 单 击 we 按钮 。 









图 533 


步骤 3: 使 用 O( 柄 圆 ) 工 具 和 居 ( 广 本) 工具， 利用 第 3 章 所 学 知识 制作 一 个 如 图 5.34 所 
示 的 环形 文字 效果 。 

步骤 4: 选中 所 有 文字 ， 单 击 嘱 N-> 5s% 命令 ， 将 文字 分 高 。 效 果 如 图 5.35 所 示 。 

步骤 5: 单 击 仿 烽 料 桶 ) 工 县 , 【 额 色 】 浮动 面板 的 县 体 设置 如 图 5.36 所 示 。 对 文字 进 
行 填充 ,填充 之 后 的 效果 如 图 5.37 所 示 。 





ER 
Er 
ES 省 
Se 要 
pr 得 ;:  ® 
一 3 
谍 [LE lah 人 全 了 Nn. 
图 5.34 图 5.35 图 5.36 图 537 
步骤 6: 单 击 时 间 轴 左下 角 的 ER 按钮， 返回 场景。 人 怜 
2. 制作 “环形 文字 动画 ”影片 剪辑 元 件 
步骤 1: 单 击 EESE FEESSEEIEESEES 人 RH 创建 新 元 件 】 对 话 框 ， 具 体 设置 







如 图 5.38 所 示 , 单 击 一 se 按钮 。 
步骤 2: 将 【 库 】 浮 动 面板 中 的 “ 


步骤 3: 在 “图 层 1” 的 第 20 一 个 关键 帧 。 在 “图 层 1” 中 第 1~20 帧 中 的 
任意 一 帧 的 位 置 右 击 ,在 弹出 的 


中 单 击 2 建 传统 补 间 动画 ,如 图 5.39 
Sn 
步骤 4: 单 击 1 帧 , 设置 【 司 狂 丁 浮动 面板 ,具体 设置 如 图 5.40 所 示 。 


”图 形 元 件 拖 到 舞台 中 。 





图 538 图 539 
步骤 5: 单 击 时 间 轴 左下 角 的 到 家 钮 ， 返 回 场景 。 
3. 制作 “动画 按钮 ”元 件 
步骤 1: 单 击 EESI -ESEEIIESGIES 合 邻 ， 弹 出 【创建 新 元 件 】 对话 框 ， 有 具体 设置 
如 图 5.41 所 示 , 单 击 一 we 按钮 。 


步骤 2: 单 击 BB( 情 圆 工 具 , 【属性 】 浮动 面板 设置 如 图 5.42 所 示 。【 额 色 】 浮动 面板 
如 图 5.43 所 示 。 
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图 5.41 图 5.42 


步骤 3: 在 舞台 中 间 绘制 一 个 如 图 5.44 所 示 的 椭圆 效果 

步骤 4: 在 3ESEE5ED 上 上 右 击 ， 在 弹出 的 快捷 荣 学 中 等 计 区 
改 成 如 图 5.45 所 示 。 

步骤 S$: 在 图 现 BW 上 右 击 ， 在 弹出 的 楼 直 荣 单 中 单 击 EEE 开 命令 ,将 该 椭圆 效果 
修改 成 如 图 5.46 所 示 。 ro 

Pg 在 国 可 于 十 上 上 右 击 ， SN 捷 荣 单 中 单 击 ESEEE 命 令 ， 此 时 将 插入 一 个 


@’® 0 


图 545 图 546 

步骤 7: 单 击 型 断 建 图 层 ) 按 钮 创建 一 个 新 图 层 , 如 图 5.47 所 示 。 

步骤 8: 在 要 王 押 下 的 “图 层 2” 处 插入 一 个 关键 帧 ， 将 “环行 文字 动画 ”从 “ 库 ” 
中 拖 到 舞台 中 ， 图 层 效 果 如 图 5 48 所 示 ， 效 果 如 图 5 49 所 示 。 






市 令 ， 将 该 机 圆 效果 修 








图 5.47 图 5.49 


步骤 9: 在 EREE 下 的 “图 层 2” 处 插入 一 个 关键 帧 ， 将 “环行 文字 动画 ”从 “ 库 ” 
中 拖 到 舞台 中 ， 图 层 效 果 如 图 5.50 所 示 ，【 属性】 了 浮动 面板 如 5.51 所 示 ， 效 果 如 图 5.52 
所 示 。 








图 550 图 551 
步骤 10: 单 击 时间 负 左下 角 的 BE 到 家 钮 ， 返 回 场景 。 


4. 测试 动画 按钮 


步 要 1: 将 “动画 按钮” 按 外 从“ 库 "中 扫 到 本 台中 
步 要 2: 单 让 Gl nswm -am 命令 了 可 。 SS 


四 、 举一反三 和 
使 有 前面 所 学 知识 给 制 如 下 所 示 的 加 请 观看 “第 5 音 Flash CS5 文字 特 
效 动 男 按钮 练习 swf” 文件 。 
提示 : 在 制作 如 下 效果 的 按钮 时 ， i 柔 化 填充 边缘 ”时 ， 要 
进行 两 次 ， 第 一 次 选择 选 按钮 ， 选择 【扩展 】 单 选 按钮 。 完整 的 
六 二 请 观看 本 性 提 休 页 下 载 的 素 “简单 按钮 .swf”Flash 文件 。 


弹 起 指针 经 过 

5.2.3 率 例 三 :“ 别 碰 我 ”文字 制作 

一 、 秦 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制作 /“ 别 磁 我 ”文字 制作 -swf 文件 。 
通过 预览 了 解 本 委 例 的 最 终 效 果 。 本 案例 主要 使 用 Flash CS5 的 椭圆 工具 、 文字 工具 、 图 片 
导入 命令 、 分 高 命令 和 属性 面板 设置 来 制作 动画 按钮 效果 。 通 过 该 案例 的 学 习 ， 让 学 生 巩 
固 动 男 按钮 的 制作 原理 、 方 法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 


OgODoO 


指针 经 过 
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案例 制作 的 大 致 步骤 : 
使 月 构 园 工 具 鹿 作 “ 立 体 加 将 导入 到 夯 中 的 图 片 制作 成 





形 ” 久 形 元 件 。 椭 园 形 的 图 形 元 件 ， 









将 制作 好 的 技 钮 拖 到 和 舞 合 中 
进行 控 拓 测试 : 


三 、 详 细 操 作 步 际 RS 
党 


ee 290 _ 





1. 绘制 “立体 圈 形 ”图 形 元 


3 属性 】 面 板 中 将 填充 色 设 置 为 名 [在 
舞台 区 中 绘制 
步骤 4: 5 加工 具 ， 在 [属性 ] 面板 中 将 填充 色 设 置 为 名 el。 在 椭圆 最 外 环 处 


单 击 , 效果 如 图 5.55 所 示 。 





图 5.53 图 5.54 图 5.55 


步骤 $: 在 【属性 面板 中 将 填充 色 设置 为 本 权 . 在 椭圆 最 外 环 处 单 击 , 效果 如 图 5.56 
所 示 。 

步骤 6: 在 【属性 ] 面板 中 将 填充 色 设置 为 专 @m。 在 梢 圆 最 外 环 处 单 击 ， 效 果 如 图 5.57 
所 示 。 

步骤 7: 单 击 时 间 轴 左下 和 角 的 本 到 按钮 ， 返 回 场景 。 

步骤 8: 方法 同上 再 制作 一 个 “立体 圆 形 1” 图 形 元 件 ， 如 图 5.58 所 示 。 





re 


图 5.56 图 5.57 图 5.58 


2. 将 图 片 转换 为 图 形 元 件 


步 台 1: 单 市 本 -EE 命令 ， 弹 出 【导入 到 库 】 对 话 框 ， 选择 “图片 
01jpg ”和 “图 片 02jpg” 图片。 单 击 Lasw 按钮 ,导入 

步骤 2: 单 市 [oN -EREEIESEEDI 合 令 ， 弹 元 件 】 对话 框 ， 具 体 设置 
如 图 5 59 所 示 。 单机 -本 -按钮 SN 

步骤 3: 将 刚 导入 的 图 片 拖 到 ss 击 , 弹出 快捷 菜单 ， 单 击 EE 命 令 ， 
将 图 片 分 高 ， 如 图 5.60 所 示 。 

步骤 4: 单 击 情 圆 工具 , 填充 Ra 局， 在 图 片上 蛤 制 一 个 柄 圆 。 如 图 5.61 
所 示 。 

步 要 5: 使 用 晨 ( 选 择 ) 工 具 ; 才 除 的 部 分 ， ee 键 删除 ,效果 如 图 5.62 所 示 。 











图 559 图 5.60 





图 5.61 图 5.62 


步骤 6: 单 击 时 间 轴 左上 角 的 思科 钮 ， 返 回 场景 。 

步骤 7: 方法 同上 , 创建 一 个 名 为 “图 片 元 件 02” 图 形 元 件 。 导入 一 张 如 图 5.63 所 示 
的 图 片 。 

步骤 8: 使 用 名 ( 梢 圆 ) 工 县 配合 Delete 键 制作 如 图 5.64 所 示 的 “图 片 元 件 02” 图 形 
元 件 。 


:fe 
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图 5.63 图 5.64 


3. 制作 “ 别 磁 我 ”动态 按钮 效果 

步骤 1: 单 击 E+ EE 命令 ， 
图 5.65 所 示 。 单 击 _wx 按钮 。 

步骤 2: 在 本 由 处 右 击 , 弹出 快捷 菜单 ， 


人 asinf 对 话 框 ， 设 置 如 









步骤 3: 利用 前 面 所 学 知识 制 { 风 和 3- 所 示 的 文字 效果 。 


入 图 565 图 566 图 567 
步 台 4: 分 别 在 要 二 要 | 、EHER、 人 3E 处 右 击 ， 弹 出 快捷 革 单 ， 单 击 EEEEEEI3 
命令 ， 此 时 即 分 别 | 在 本 达到 、EEEEG、EEEEEEH 上 处 搬入 关键 帧 。 
步骤 5: 在 3ESEERD 上 上 单 击 ， 将 库 中 的 “立体 圆 形 1” 和 “图 片 元 件 01” 拖 到 舞台 
中 并 调整 好 元 件 的 位 置 和 大 小 ,效果 如 图 5.68 所 示 。 
步骤 6: 在 ER 上 单 击 ， 将 库 中 的 “立体 圆 形 ” 和 “图 片 元 件 02” 拖 到 舞台 中 
并 调整 好 元 件 的 位 置 和 大 小 ， 效 果 如 图 5.69 所 示 。 


图 5.68 图 5.69 
步骤 7: 单 击 时 间 轴 左上 角 的 ES 天 控 钮 ， 返 回 场景 。 





Fr 

4. 测试 动画 按钮 

步骤 1: 将 “ 别 碰 我 ”按钮 从 库 中 拖 到 舞台 中 。 

步 邓 2 : 单 击 有 Exxzsm -an 命令 即 可 。 

四 、 举 一 反 三 

使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 5 音 Flash CS5 文字 特 
效 /“ 别 峙 我 ”文字 制作 练习 .swf" 文件 。 
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5 .2.4 案例 四 : 跟随 光标 的 提示 XY 

一 、 案 例 效果 预览 NS 

案例 下 果 见 本 书 提供 的 “第 “第 5 S5 动画 制作 / 女 随 光标 的 提示 .swf” 文 件 。 通 
过 7 鉴 了 解 本 案例 的 最 终 交 时 。: 要 使 用 Flash S85 的 矩形 工具 、 文 字 工具 、 图 片 导 
入 命令 、 分 高 命令 、 属 性 本 语言 的 输 跟随 光标 的 提示 效果 。 通 过 该 
案例 的 学 习 , 使 学 生 了 法 。 





案例 制作 的 大 致 步骤 : 
导入 图 片 ， 使 月 答 形 工具 、 使 用 文字 工具 和 属性 面板 的 
证 充 工 具 和 分 高 命令 创作 六 个 动 一 这 设置 ， 亨 作 一 个 “信息 枢 ” 影片 


物 的 影片 到 办 元 件 。 勇 输 元 件 。 





岂 


将 剑 作 好 的 彩 片 剪 手 元 件 
拖 到 舞台 宁 并 设置 它们 的 属性 而 
讼 ， 洽 “信息 框 ”影片 剪 瓜 元 储 
添加 靶 本 语言 - 


对 制作 好 的 效果 进行 测试 
检查 : 
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三 、 详 细 操作 步骤 

1. 制作 彤 片 药 辑 元 件 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “跟随 光标 的 提示 .fla” 的 文件 。 

步骤 2: 单 击 EBD -ER * R23 命令, 弹出 【导入 到 库 】 对 话 框 , 选择 图 片 。 
单 击 La 按钮 导入 图 片 ， 如 图 5.70 所 示 。 ee 

步骤 3: 单 击 ES E9360 到 命令 ， 弹 出 【创建 新 元 件 】 对 话 框 , 具体 设 
置 如 图 5.71 所 示 。 单 击 一 se 按钮 。 

步骤 4: 将 “ 库 ” 中 的 “位 图 1.jpg” 图 片 拖 到 工作 区 ,将 图 片 分 高 ， 将 不 需要 的 部 分 
删除 。 调 整 好 大 小 和 位 置 ， 如 图 5.72 所 示 。 


= 人 





图 紧 国 局 放 国 





图 570 图 572 
步骤 S: 单 击 ee 】 浮 动 面 板 中 设置 填充 颜色 为 嘲 王 。 
RN 属性 】 Me 图 5.73 所 示 , 在 工作 区 中 绘制 矩形 ,如 
5.74 CN 


步骤 6: 单 Cy 利用 产 面 所 学 4 对 图 形 进行 填充 , 最 终 效果 如 图 5.75 
所 示 。 





一 
下 =- 天 
[条 DT 





图 5.73 图 5.74 图 5.75 


步骤 7: 单 击 时 间 轴 左下 角 的 辐 辐 科 安 钮 ， 返 回 场景 。 
步骤 8: 方法 同步 骤 3 一 6， 分 别 制作 如 图 5.76 所 示 的 影片 筋 辑 元 件 。 








Fr: 


步骤 9: 单 市 Ed * E93 命令， 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
如 图 5.77 所 示 。 单 击 _as 按钮 。 

步 邓 10: 单 击 工具 箱 中 的 轩 ( 文 字 ) 工 具 ， 在 工作 区 中 拖 出 一 个 文字 框 ，【 属 性】 面板 
的 设置 如 图 5.78 所 示 。 文 字 效 果 如 图 5.79 所 示 。 

步骤 11: 单 击 时间 轴 左下 角 的 基于 到 安 钮 ， 返 回 场景 。 








rT 
疹 > 图 578 
2. 将 元 件 卸 到 辩 台 el 


oe i 
步骤 1: 将 所 有 影 人 台中, 并 输入 如 图 5.79 所 示 的 文字 。 


步骤 2: 所 学 知识 ， A 5.80 所 示 的 文字 效果 。 
2 ”中 的 “信息 框 ” 拖 到 舞台 中 ， 设 置 【属性 】 面 板 如 图 5.81 所 示 。 


认识 动物 名 称 


认 SSi 帮 家 
E 避 [Be 
[可 | [一 | 


图 5.79 图 5.80 图 5.81 


步 邓 4: 在 舞台 中 的 第 一 个 影片 剪 粮 元 件 上 右 击 , 单 击 甩 开 命令 , 弹出 【动作 】 脚本 
对 话 框 ， 在 对 话 框 中 输入 如 图 5.82 所 示 的 脚本 代码 。 

步骤 5: 方法 同步 骤 4， 语 法 相同 ， 只 要 将 如 图 5.82 所 示 的 用 矩形 框框 出 来 的 文字 改 
成 相应 的 提示 文字 即 可 。 

步骤 6: 最 终 效 果 如 图 5.83 所 示 ， 演 示 效 果 请 观看 网 上 下 载 的 素材 第 5 音 的 “跟随 光 
标的 提示 -swf”Flash 文件 。 
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nreliover)T 

2 rant, tip, wisiblertrus 

Thir orosreoves function () { 

站 spot 二 .citiz3. -xpedseythi3._xri 
5 Jeoot. tip, ethas, -ypeusetthis. -+00; 
和 root. tp inteterf 

T 1 

-0 

onCrollout) | 

eo oot, tip. .vasible=false 

机 i this, oleuseMovestunct2on() 人 





图 5.82 图 5.83 
本 案例 主要 制作 了 一 个 跟随 光标 提示 的 效果 ， 在 输入 语言 时 要 特别 细心 ， 只 要 有 一 点 
输入 不 对 ,效果 就 无 法 实现 。 从 
四 、 举 一 反 三 NN 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， ee 山大“ 第 5 章 Flash CS5 文字 特 
效 /跟随 光标 的 提示 练习 .swf” 文 件 。 & 









5.2.5 案例 五 2 1 

一 、 案 例 效 间 预览 

案例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制作 /调节 音量 .swf” 文件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 起 形 工具 、 填 充 工具 、 文 字 工具 、 
片 导入 命令 、 分 高 命令 、 属 性 面板 设置 、 系 统 自 带 按钮 的 修改 和 脚本 语言 的 输入 来 制作 调 
节 音 量 按钮 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 了 解 公用 库 中 按钮 的 使 用 和 修改 的 方法 与 
技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


秦 例 画面 效果 如 下 ; 


下 
不 
全 
< 
的 
理 
由 





[Bane Soe 


秦 例 制作 的 大 致 步骤 : 


使 用 答 形 和 填充 工具 制作 导入 素材 ， 设 置 宕 乐 素材 的 
“底板 ”图 形 元 件 。 E> 属性 。 

对 制作 好 的 效果 进行 测试 Ke 将 “公用 库 ” 中 的 技 钮 拖 到 
窒 误 - 舞台 中 ， 修 改 技 握 的 动作 膨 本 。 


三 、 详 细 操作 步骤 

1. 制作 “底板 ”图 形 元 件 从 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “ 调 a” 的 文件 。 

步骤 2: 单 击 [om | 【创建 新 元 件 】 对 话 框 ,具体 设置 
如 图 5.84 所 示 。 单 击 ae 按钮 。 

步骤 3: 单 击 工具 箱 中 的 8( 线 条 对 作 区 绘制 如 图 5.85 所 示 的 图 形 。 









| 


国 584 区 图 585 
步骤 4: 和 apnea 和 人， 设置 【 额 色 ] 浮动 面板 如 图 5.86 所 示 。 并 对 


绘制 的 图 形 进 行 填充 ， 如 图 5.87 所 示 。 


图 5.86 图 5.87 
步骤 5: 单 击 时 间 轴 左上 角 的 辐 卫 可 按 钮 ,返回 场景 。 
2. 导入 音乐 和 图 片 ， 设 置 音 乐 的 属性 
步骤 1: 单 击 EEEEIH ES 一 ES 个 令 ， 弹 出 【导入 到 库 】 对 话 框 ， 选 择 “一 
于 个 伤心 的 理由 -mp3” 和 “地 球 .jpg”。 单 击 Lasw 按钮， 导入 音乐 和 图 片 。 
步骤 2: 在 “ 库 ” 中 的 “音乐 ”文件 上 右 击 ， 在 弹出 的 快捷 菜单 中 选择 BE 玫 命令 ， 
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弹出 【声音 属性 】 对 话 框 ,设置 如 图 5.88 所 示 。 


步骤 3: 单 击 【声音 属性 ] 中 的 珀 如 - 胺 钮 , 展开 可 < 设置 面板 , 具体 设置 如 图 5.89 
所 示 。 ee 


re PR 


= 六 CR 日 ED 
二 本 SR 
WE ” (人 
ee | a 
we 让 
一 3 二 








图 5.88 图 5.89 
步骤 4: 将 “ 库 ” 中 的 “底板 ” TR ER ， 调 整 好 位 置 ， 如 图 5.90 所 示 。 
步骤 5S: ee 入 文字 并 设置 新 色 ， 如 图 5.91 所 示 。 

| 
图 5.91 





3. 将 “Ae 

步骤 1: 在 “图 层 1” 的 第 1 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 有 命令 ， 弹 出 【 动 
作 - 帧 】 脚 本 输入 框 ， 在 禾 本 框 中 输入 如 图 5.92 所 示 的 代码 。 

步骤 2: 将 “ 库 ” 中 的 “地 球 2.jpg” 文件 拖 到 舞台 中 ， 并 进行 调整 ， 如 图 5.93 所 示 。 

步骤 3: 单 击 EEET 一 下 于 也 了 > 医 玫 古今 ， 此 时 将 弹出 “公用 库 ” 对 话 框 ， 如 图 5.94 
所 示 。 








sl = new Sound():; 
sl. attachSound ("music”); 
sl. start (); 

volune = sl. getYolume(); 
stop() | 


| 
| 


邓 
椒 
< 
二 
全 
a 





图 5.92 图 5.93 





Fe re 


步骤 4: 在 “公用 库 ” 中 选中 如 图 5.95 所 示 的 元 件 , 将 其 抑 到 舞台 中 , 位 置 、 大 小 如 
图 5.96 所 示 。 
















mautee [Pm 


TI 


oa | 
ee mer | 
加 fsr wmd 

| 


FTIITYEED 


图 5.95 


步骤 5: 在 刚 拖 入 舞台 的 按钮 元 件 上 双击 , 记 
层 的 第 1 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 
脚本 中 最 后 一 句 修改 成 如 图 5.97 框 住 和 
步骤 6: 将 按钮 上 的 “GIN” 


图 5.96 


ee 在 “Layer 4” 图 
得 命令 ， 弹 出 【动作 - 帧 】 脚 本 对 话 框 ， 将 


步骤 8: 最 终 效 果 如 图 5)98 演示 效果 i 网 上 下 载 的 素材 第 5 章 的 “ 调 
音量 .swf”Flash 文体 r 


et 





wpe 1 
CEE 
图 5.97 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 5 章 Flash CS5 文字 特 
效 /调节 音量 练习 swf” 文 件 。 


| | 
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5.3 ”复杂 控制 按钮 的 制作 


5.3.1 案例 六 : 控制 图 片 变 化 
一 、 案 例 效果 预览 
条 例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制作 控制 图 片 变化 .swf” 文件 。 通 过 
预览 了 解 本 案例 的 最 终 效 果 。 本 秦 例 主要 使 用 Flash CS5 的 算 形 工具 、 填 充 工具 .文字 工具 、 
图 片 导入 命令 、 分 高 命令 、 属 性 面板 设置 和 和 本 语言 的 添加 来 制作 控制 图 片 变化 效果 。 通 
过 该 案例 的 学 习 ， 使 学 生 了 解 控制 图 片 变化 的 即 本 语言 的 全 
二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 全 
秦 例 画面 效果 如 下 : 










到 例 制 作 的 日 NS 
~ 
革 充 工具 创作 上 从- 导入 图 片 ， 将 图 片 转换 为 
ie C 一 > “mao_mc” 影 片 蔓 辑 元 件 。 
ee ” 
检查 。 «= 给 每 个 按钮 添加 脚本 语言 。 


三 、 详 细 操作 步骤 

1. 制作 “底板 ”图 形 元 件 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “控制 图 片 变 化 .fla” 文 件 。 

步骤 2: 单 击 ED BEE9meas59 命 令 ,， 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 如 
5.99 所 示 。 单 击 按钮。 

步骤 3: 单 击 工具 箱 中 的 N( 线 条) 工具 ,在 工作 区 绘制 如 图 5.100 所 示 图 形 。 

步骤 4: 单 击 工具 箱 中 的 冲锋 料 椰 ) 工 具 , 通过 设置 [颜色 ] 浮动 面板 , 填充 出 如 图 5.101 
所 示 的 图 形 。 








图 599 图 5.100 图 5.101 


步骤 5: 单 击 工具 箱 中 的 线条) 工具 ,在 工作 区 绘制 如 图 5.102 所 示 的 图 形 。 
步 要 6: 单 击 工具 箱 中 的 ( 额 料 桶 ) 工 具 ， 填充 出 如 图 5.103 所 示 的 图 形 。 


步骤 7: 单 击 时 间 轴 左上 角 的 ES 按钮 ， 0 


: 根据 前 面 所 学 知识 制作 一 个 如 图 5.104 By 
图 5.102 图 5.103 奖 ]: 图 5.104 






2. 制作 “mao mc” 六 EN 


步骤 1: 单 击 | 2 弹出 【导入 到 库 】 对 话 框 ， 选 择 图 片 。 
单 击 Lae 按钮 。 

步骤 2: i ， 弹 出 【创建 新 元 件 】 对 话 框 ， 具体 设 置 
如 图 5.105 所 示 。 单 击 _ ae 按钮 。 


步骤 3: 将 导入 的 图 片 拖 到 工作 区 , 将 图 片 分 高 , 并 将 白色 部 分 删除 , 如 图 5.106 所 示 。 








图 5.105 图 5.106 

步骤 4: 单 击 时 间 轴 左上 角 的 到 禄 钮 ， 返 回 场景 。 

3. 给 按钮 添加 动作 语言 

步骤 1: 将 “ 库 ” 中 的 “底板 ”图 形 元 件 拖 到 舞台 中 ， 再 将 “ 库 ” 中 的 “按钮 ” 拖 到 
舞台 中 ， 调 整 好 大 小 和 形状 ， 并 复制 5 个 ， 调 整 它们 之 间 的 位 置 ， 如 图 5.107 所 示 。 

步骤 2: 将 “ 库 ” 中 的 “mao_mc” 拖 到 舞台 中 ， 位 置 、 大 小 如 图 5.108 所 示 。 

步骤 3: “mao_ mc” 的 【属性 】 面 板 设置 如 图 5.109 所 示 。 

步骤 4: 单 击 工具 箱 中 的 (文字 工具, 输入 文字 如 图 5.110 所 示 。 
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图 5.109 | 图 5.110 
步骤 5: 在 “图 片 放 大 ”按钮 上 右 击 > 快捷 菜单 中 选择 甩 吐 命令 ,弹出 “动作 


- 帧 ”对 话 框 。 在 对 话 框 中 输入 如 图 的 代码 。 
步骤 6: 方法 同上 , 分 另 ~”、“ 通 时 旋转 ”、“ 顺 时 旋转 ”、“ 向 上 移 


动 ”、“ 向 下 移动 ”按钮 的 有 中 输入 如 图 5 5.116 所 示 的 代码 。 
了 ks 六 有 一 
3 一 


11 六 图 5.112 
人 % 


nlcelywe)t 
图 5.113 图 5.114 
onlrelesre) 1 onlralesse) | 
目 MNe, RAG ne 71 0: 目 Ma0_AE, I ne tO 
} 
图 5.115 图 5.116 


步骤 7: 最 终 效果 如 图 5.117 所 示 。 





图 5.117 
充 整 动画 请 观看 网 上 下 载 的 素材 第 5 音 的 “控制 图 片 变化 .swf” Flash 文 件 。 


Flash CS5 动画 没 计 居 和 和 
由、 举一反三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 5 章 Flash CS5 文字 特 
效 /控制 图 片 变化 练习 .swf” 文件 。 





5.3.2 案例 七 : 左右 声 道 均衡 调节 论 
一 、 案 例 效果 预览 < 

案例 效果 见 本 书 提供 的 “第 5 章 Flash ~ 变化 .swf” 文件 。 通过 
预览 了 解 本 案例 的 最 终 效果 。 本 索 人 要 使 四 CS5 的 矩形 工具 ,填充 工具 ,文字 工具 、 
图 片 导 入 命令 、 分 高 命令 、 属性 面板 设 时 | i ei 通 
过 该 案例 的 学 习 ， 使 学 生 了 解 公用 库 寺 


= eh Ni er. 


案例 画面 效果 如 下 


“Ey, 


案例 制作 的 大 致 步骤 : 







使 月 矩形 和 证 充 工具 剑 作 导入 名片 , 将 图 片 转换 为 “图 
“底板 ”外形 元 件 。 Ee 片 影 片 ”影片 藤 因 元 件 : 


对 人 制作 好 的 效果 进行 测试 5 添加 动作 先 本 ， 修 改 公 月 库 
中 技 包 的 稳 杰 语句。 
三 、 详 细 操作 步骤 
1. 制作 “底板 ”图 形 元 件 
步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “左右 声 道 均衡 调节 .fla” 的 文件 。 
;名 
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步骤 2: 单 击 ED 命令， 弹出 【创建 新 元 件 】 对 话 框 ,有 具体 设置 
如 图 5.118 所 示 。 单 击 ws 按钮 。 

步 又 3: 利 用 工具 箱 中 的 辟 ( 线 条 并 有 具 、 回 ( 虐 形 ) 工 具 、O( 精 圆 江 具 , 绘制 如 图 5.119 所 
示 的 图 形 。 





图 5.118 图 5.119 
步骤 4: 单 击 工具 箱 中 的 钨 人 F 料 桶 ) 工 具 , 【 额 色 设置 如 图 5.120 所 示 。 
步骤 5: 对 图 形 进行 填充 ,效果 如 图 5.121 5 家) 











0 Ke 图 5.121 
步骤 6: 单 击 时 间 轴 左上 角 的 ES 按钮 ， 返 回 场景 。 

2. 制作 “图 片 束 片 ”影片 剪辑 元 件 

步骤 1: 单 击 EEE 一 EEEG ESTIEOS 合 令 ， 弹 出 【导入 到 库 】 对 话 框 ， 选 择 “六 六 
大 顺 jpg”、“ 带 你 过 河 .jpg”、“ 干 .jpg” 和 “一 千 个 伤心 的 理由 .mp3”。 单 击 上 于 名 按钮 
即 可 将 选择 的 素材 导入 库 中 。 

步 豆 2: 单 击 E+ 本 EE 村 命令 ， 弹 出 【创建 新 元 件 】 对 话 框 ， 设置 如 
5.122 所 示 。 单 击 :_ 总 按钮 。 





图 5.122 


步骤 3: 利用 前 面 所 学 知识 ， 制 作 一 个 图 片 渐变 的 效果 ， 将 导入 到 库 中 的 3 张 图 片 分 
人 


FE 
别 放 在 “图 层 1” 的 第 1、 第 5、 第 10 帧 处 。 此 时 , 创建 一 个 帧 动画 ， 图 层 效 果 如 图 5.123 
所 示 ， 最 终 效果 如 图 5.124 所 示 。 





图 5.123 图 5.124 
步骤 4: 单 击 时 间 轴 左上 角 的 本 E 避 按钮 ， zm 


3. 设置 音乐 的 属性 
步骤 1: 在 库 中 的 “音乐 ”文件 上 右 击 ， 


弹出 【声音 属性 】 对 话 框 , 设置 如 图 5.125 
步骤 2 : 单 击 [声音 属性 ] 对 ~ 


. 


捷 菜 单 中 单 击 于 命令 ， 此 时 将 







所 示 。 单 击 忆 ss_ 按钮 。 





ee 


图 5.125 图 5.126 
步骤 3: 将 库 中 的 “底板 ”元 件 和 “图 片 影片 ”影片 剪辑 拖 到 舞台 中 ， 并 调整 好 大 小 、 
位 置 ， 如 图 5.127 所 示 。 
步骤 4: 单 击 工具 箱 中 的 TC 字 ) 工 具 ,在 舞台 中 输入 文字 ， 并 设置 其 额 色 、 大 小 、 位 
置 , 如 图 5.128 所 示 。 
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4 添加 动作 放言 和 修改 公用 库 中 按钮 的 脚本 话 言 

步 村 1: 在 “图 层 1” 的 第 1 帧 处 右 击 ， 在 弹出 的 快捷 荣 单 中 单 击 蔷 一 命令 ， 弹 出 【 动 
作 】 脚本 输入 框 ， 在 脚本 框 中 输入 如 图 5.129 所 示 的 代码 。 

步骤 2: 单 击 EST ESEESEI- 医 滞 命 令 ， 此 时 将 弹出 【 库 ]】 面板 。 

步 虹 3: 在 公用 库 中 选中 如 图 5.130 所 示 的 元 件 , 将 其 拖 到 舞台 中 , 位 置 、 大 小 如 图 5.131 
所 示 。 











1 sl = new Sound(); 

2 sl.attachSound( music”); 
3 sl.start(): 

a volune = sl.getVolune(); 
5 stopO; 


(@) 


ONV 


a 图 5.131 


SN _ 

步骤 4: 在 刚 拖 入 到 元 件 上 双 片 齐 辑 编 辑 状 态 ,在 “Layer 4” 
图 层 的 第 1 帧 处 右 击 ， 快捷 菜单 中 单 令 , 弹出 【动作 - 帧 】 脚 本 对 话 框 ， 
A 图 5.132 所 用 住 的 语句 。 单 击 对 话 框 右上 角 的 国 ( 关 闭 ) 
按钮 。 












~” 








图 5.132 
步骤 5: 单 击 时 间 轴 左下 角 的 对 灾 钮 ， 返 回 场景 。 


Fr: 


步骤 6: 最终 效 果 如 图 5.133 所 示 。 完 整 演示 效果 请 观看 从 网 上 下 载 的 素材 第 5 章 的 “ 左 
右 声 道 均衡 调节 ”Flash 文件 。 


a 


5.133 
四 ,举一反三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 充 整 效 果 i 2 5 章 Flash CS5 文字 特 
效 /左右 声 道 1 徊 调节 练习 .swf” 文 件 。 









5.3.3 案例 八 : 用 组 件 控制 


一 、 案 例 效 吃 * 
案例 效 供 的 “第 5 章 fess 动画 制作 /用 组 件 控制 声音 按钮 .swf” 文 件 。 
通过 预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 Flash CS5 的 矩形 工具 、 填充 工具 、 文字 
工具 、 图 片 导入 命令 、 分 离 命 令 、 属 性 面板 设置 、 脚 本 语言 的 添加 和 组 件 的 添加 来 制作 用 
组 件 控制 声音 按钮 的 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 人 掌握 组 件 的 添加 和 修改 以 及 脚本 代 
码 的 添加 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 ， 
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泰 例 制作 的 大 到 步骤 : 
je 赎 ， 
1 — 制作 英信 元 件 并 将 其 汉 到 舞 
使 用 矩形 和 填充 工具 制作 台中 词 整 好 位 置 
“底板 * 图 形 元 件 。 
对 制作 好 的 效果 进行 测试 
1 周二 代码 。 
三 、 详 细 操 作 步 又 


1. 制作 “ 底 听 ”图 形 元 件 
步骤 1: 运行 Flash CS5, 新 建 一 个 名 wn fla” 的 文件 。 





步骤 2: 单 击 Eo 一 | 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
如 图 5.134 所 示 。 单 击 ，we 安 站 _ 

步骤 3: 利用 工具 箱 中 的 有 具 ey OO( 梢 圆 ) 工 具 ， 绘制 如 图 5.135 
所 示 的 图 形 。 水 





图 5.134 图 5.135 


步骤 4: 单 击 工具 箱 中 的 鹤 颂 料 桶 ) 工 具 , 并 设置 【 额 色 ]】 浮动 面板 为 如 图 5.136 所 示 。 
步骤 5: 对 图 形 进行 填充 , 效果 如 图 5.137 所 示 。 





图 5.136 图 5.137 
步 要 6: 单 击 时 间 轴 左 上 角 的 三 到 灾 钮 ， 返 回 场景 。 





FE 

2. 制作 其 它 按钮 元 件 并 将 制作 好 的 所 有 元 件 拖 到 辟 台 中 调整 好 位 置 

步骤 1: 单 击 如 -Bl- EEE 国 命 今 ， 弹 出 【导入 到 库 】 对 话 框 ， 选 择 
“70181933.jpg” 图 片 ， 单 击 L 还 名 _ 按 钮 即 可 将 图 片 导入 到 库 中 。 

步骤 2: 利用 前 面 所 学 的 知识 制作 如 图 5.138 所 示 的 按钮 。 

步骤 3: 将 库 中 的 “底板 ”图 形 元件 、 图 片 、 按 钮 依 ) 计 知 到 舞台 中 ,并 调整 它们 的 大 小 
和 位 置 ， 如 图 5.139 所 示 。 





图 5.138 图 5.139 


3. 将 系统 自 带 的 组 件 元 件 拖 到 姓 台 中 六 

步骤 1: 单 击 EEII I 命令， 半 】 浮 动 面板 ， 选 择 如 图 5.140 所 示 的 组 件 
并 拖 到 舞台 中 。 

步骤 2: 组 件 在 舞台 中 的 位 ` 如 图 5.141 





图 5140 图 5141 


步骤 3: 选中 抑 到 舞台 中 的 组 件 , 单 市 EE-* 加 命令 , 弹出 【组 件 检查 器 ] 浮 
动 面板 。 浮 动 面板 的 设置 如 图 5.142 所 示 ; 【属性 】 面 板 的 设置 如 图 5.143 所 示 。 
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步 最 4: 在 舞台 中 的 “春之 声 圆 舞曲 ”按钮 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 蕊 三 人 
令 , 随后 将 弹出 【动作 - 帧 】 脚 本 对 话 框 ， 在 对 话 框 中 输入 如 图 5.144 所 示 的 代码 。 
步骤 5: 其 他 按钮 代码 的 输入 同 图 5.144 一 样 , 只 要 将 框 住 的 部 分 改 为 相应 的 歌曲 名 称 
即 可 。 
步骤 6: 最 终 效果 如 图 5.145 所 示 , 完整 演示 效果 请 观看 从 网 上 下 载 素 材 第 5 章 的 “用 
组 件 控制 声音 按钮 swf”Flash 文件 。 
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tevevaa) i — 
,tier selods (5B) -wy) ee 

图 5.144 NN 图 5.145 
四 、 举 一 反 三 并 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 | 效果 请 观看 “第 5 章 Flash CS5 文字 特 
效 /用 组 件 控制 声音 按钮 练习 .swf” 文 供 。 


RT 人 £3 
5.3.4 2 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制作 /选择 乐曲 播放 .swf"” 文件 。 通 过 
预览 了 解 本 秦 例 的 最 终 效 果 。 本 系 例 主要 使 用 Flash CS5 的 矩形 工 县 、 填 充 工具 ,文字 工具 、 
图 片 导 入 命令 、 分 高 命令 、 属 性 面板 设置 、 元 件 的 制作 、 脚 本 语言 的 添加 和 组 件 的 添加 来 
制作 选择 乐曲 播放 的 效果 。 通 过 该 案例 的 学 习 ， 使 学生 拿 握 脚 本 语言 的 添加 和 含义 。 

二 、 本 案例 画面 效果 及 制作 步 又 (流程 ) 分 析 

案例 画面 效果 如 下 : 













Frm: 








窗 例 制作 的 大 臻 步骤 : 
= E> 
使 用 和 矩形、 证 充 工具 和 贸 片 将 制作 好 的 元 件 拖 到 舞台 
创作 “底板 ”图 形 元 件 。 宁 ， 添 加 组 件 ， 修 改 铝 本 代码 。 
创作 歌 同 控 创 技 铜 并 添加 动 暴 便 作 技 扭 并 添 
作 半 本 语言 。 本 语言 。 





三 、 详 细 操 作 步 又 : 
1. 制作 “底板 ”图 形 元 件 六 
步骤 1: 运行 Flash CS5, 齐 为 


“选择 外 此 辕 放 .fla” 的 文件 。 










步骤 2: 单 击 EENI | 建新 元 件 】 对 话 杠 ， 具体 设置 
如 图 5 146 所 示 。 单 击 。 

步 要 3: 利 Re or 请 图) 工具, 绘制 如 图 5.147 
所 示 的 图 形 。 


步骤 4: aa 和 通过 设置 【 额 色 】 浮 动 面板 , 对 所 绘制 的 图 
形 进行 填充 ,填充 好 的 效果 如 图 5.148 所 示 。 

步骤 5: 单 击 ER -ES EE 命令 ,弹出 【导入 到 库 】 对 话 框 ， 在 对 话 框 
中 选择 “23.jpg” 和 “友谊 地 久 天 长 .mp3”。 单 击 Lowe 按钮 即 可 将 素材 导入 到 库 中 。 

步骤 6: 将 导入 的 图 片 把 到 工作 区 ,调整 大 小 ,位 置 效 果 如 图 5.149 所 示 。 





图 5.146 图 5.147 图 5.148 
步骤 7: 单 击 时 间 轴 左上 角 的 咯 加 到 接 钮 ， 返 回 场景 
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2. 将 元 件 和 公用 库 中 的 接 钮 卸 到 区 台中 并 修改 公用 按钮 的 代码 

步骤 1: 将 库 中 的 “底板 ”图 形 元 件 拖 到 舞台 中 ,并 输入 文字 ,然后 放 到 适当 的 位 置 ， 
如 图 5.150 所 示 。 

步骤 2: 单 击 且 -区 证 于 和 * 辽 强 命令 ,此 时 将 弹出 【 库 】 面 板 , 如 图 5.151 所 示 。 

步骤 3: 在 【 库 ]】 面板 中 选中 如 图 5.152 所 示 的 元 件 , 将 其 拖 到 舞台 中 ,位置 、 大 小 如 
5.153 所 示 。 












图 5.150 
步骤 4: 在 【 库 





图 5.154 图 5.155 


步骤 6: 在 “图 层 1” 的 第 1 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 若 命令 ,弹出 【 动 
作 - 帧 ] 脚本 输入 框 , 在 脚本 框 中 输入 如 图 5.156 所 示 的 代码 。 输 入 完 代 码 后 , 单 击 对 话 框 
右上 角 的 如 (关闭) 按钮 。 


31 = nev Sound() 
sl1.attachSound (music ) : 

sl. start (); 

volune = sl1. getVolune() ; 
stop(); 
musicname= 一 千 个 伤心 的 理由 "| 


图 5.156 


步骤 7: 双击 舞台 中 如 图 5.157 所 示 的 组 件 , 进入 组 件 编辑 状态 ,在 “Layer 4” 层 的 第 
1 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 本 面 命令 ， 弹 出 【动作 - 帧 】 脚 本 对 话 框 ， 将 最 后 一 
句 改 为 如 图 5.158 所 示 的 框 住 的 语句 。 





步骤 9: 双生 舞台 中 如 图 5 159 所 示 的 组 件 , 进入 组 件 编 名 状态 ,在 “Layer 4” 层 的 第 
1 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 本 三 命令 ， 弹 出 【动作 - 帧 】 脚本 对 话 框 ， 将 最 后 一 
句 改 为 如 图 5.160 示 的 框 住 的 语句 。 


[TITITITEITTET I ET ETL 
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步骤 10: 在 “图 层 1” 的 第 2 帧 处 右 击 , 在 弹出 的 快捷 菜单 中 单 击 ES 命令 ,此 时 ， 
插入 一 个 关键 帧 。 在 关键 帧 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 蕊 三 命令 ,弹出 【动作 - 帧 】 
脚本 对 话 框 ， 在 【动作 - 帧 】 脚 本 对 话 框 中 输入 如 图 5.161 所 示 的 语句 。 





图 5.161 
步骤 11: 单 击 【 动 作 】 肢 本 对 话 框 右上 角 的 喇 ， *% 知 
3. 输入 动态 文本 和 制作 按钮 


步骤 1: 单 击 时 间 轴 左下 角 的 四 全 a 建 图 层 ) 按 人 
步骤 2: 单 击 工具 箱 中 的 下 (文字 江 具 ， 一 个 框 来 , 大 小 、 位 置 如 图 5.162 
所 示 。 





所 示 。 
步骤 3: 文字 【属性 】 面板 的 设置 加重 


» 





图 5.162 


4. 给 每 首 歌曲 按钮 添加 脚本 代码 


步骤 1: 在 “图 层 1” 的 第 3 帧 处 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 ES 命令 ， 此 时 
将 插入 一 个 关键 帧 ， 将 舞台 中 第 3 帧 不 需要 的 元 件 贡 除 ， 再 输入 需要 的 文字 ,如 图 5.165 
所 示 。 

步骤 2: 将 库 中 的 音乐 按钮 拖 到 舞台 中 ， 并 调整 好 大 小 、 位 置 ， 如 图 5.166 所 示 。 


Fr 





步骤 3: 在 舞台 的 “春之 声 圆 短 曲 ”按钮 上 右 击 ， 在 弹出 的 快捷 菜单 中 单 击 EEE 症 令 ， 
随后 将 弹出 【动作 -按钮 】 脚 本 对 话 框 ,输入 如 图 5.167 所 示 的 语句 。 


A A Om 
i 





sr 和 





图 5.165 图 5166 图 5167 
步骤 4: 其 他 歌曲 按钮 的 代码 输入 方法 与 此 相同 , 只 区 5.167 所 示 的 框 住 的 文字 
改 成 相应 的 歌曲 名 称 即 可 。 






5. 制作 “选择 乐曲 按钮 ”按钮 并 添加 脚本 

步骤 1: 利用 前 面 所 学 的 知识 ,制作 一 a 

步骤 2 : 单 击 “ 图 层 2”。 将 库 中 的 上 按钮 ” 拖 到 舞台 中 , 位 置 如 图 5.168 所 示 。 

步骤 3: 在 选择 乐曲 按钮 上 右 四 全 二 弹出 【动作 - 按 
钮 】 脚本 对 话 框 , 在 脚本 对 话 图 5.169 代码 ， 单 击 【 动 作 -按钮 ] 脚本 对 
话 框 右上 角 的 上 ,关闭 对 i 


步骤 4: 进行 测试 二 







图 5.170 所 示 ， are 效果 如 图 5.171 所 示 。 





A 从 EA 
电 月 全 Vv 晤 句 滩 
on (release) 
21. stop(); 
gotoAndStop(3); 
图 5.168 图 5.169 图 5.170 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 5 章 Flash CS5 文字 特 
效 /选择 乐曲 播放 练习 .swf” 文件 。 
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5.3.5 案例 十 : 使 用 按钮 载 入 图 片 


一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 5 章 Flash CS5 动画 制作 /使 用 按钮 载 入 图 片 .swf” 文件。 
通过 预览 了 解 本 案例 的 最 终 效果 。 本 肆 例 主要 使 用 Flash CS5 的 埠 形 工具 、 填充 工具 、 文字 
工具 、 图 片 导入 命令 、 分 高 命令 、 属 性 面板 设置 、 元 件 的 制作 和 脚本 语言 的 添加 来 制作 使 
用 按钮 载 入 图 片 的 效果 。 通过 该 案例 的 学 习 ， 使 学 生 拿 握 载 入 图 片 脚本 语言 的 添加 和 人 语义 。 


二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 








给 载 入 图 片 控制 按钮 添加 肢 
本 语言 。 


测 斌 图片 载 入 按 包 的 肝 本 语 
言 是 否 正 确 。 Eo= 








三 、 详细 操作 步 又 

1 制作 “底板 ”图 形 元 伯 

步骤 1: 运行 Flash CS5， 新 建 一 个 名 为 “使 用 按钮 载 入 图 片 -ha” 的 文件 。 

步 邓 2: 单 市 Eom FEE3E0 命 令 ， 弹 出 【创建 新 元 件 】 对 话 框 , 具体 设置 如 
图 5.172 所 示 , 单 击 -ae 按钮 。 

步骤 3: 利 用 工具 箱 中 的 吐 上 线条) 工具、 辐 虐 形 江 具 、O 和 情 圆 工具 ,绘制 如 图 5.173 所 
示 的 图 形 。 


FE 
步骤 4: 利用 工具 箱 中 的 尺 阁 料 栖 ) 工 具 ， 设置 【 颤 色 】 浮 动 面板 ,对 所 绘制 的 图 形 进 
填充 ,填充 好 后 的 效果 如 图 5.174 所 示 。 





图 5.172 图 5.173 
步骤 5: 单 击 时 间 轴 左上 角 的 ES 按钮 ， 返 回 场景 。 


2. 制作 控制 按钮 并 添加 脚本 语言 论 

步骤 1: 利用 前 面 所 学 的 知识 制作 如 图 5.175 所 示 按钮 。 
步骤 2: 将 库 中 的 “底板 ”图 形 元 件 和 两 个 按 台中 , 调整 好 位 置 , 如 图 5.176 
所 示 。 
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从 咏 光 图 5.176 

步骤 3: Mk 按钮 的 【属性 】 直板 设置 如 图 5.177 所 示 ,， “上 一 张 ”按钮 的 【 属 
性 】 面 板 设置 如 图 5.178 所 示 。 

步骤 4: 单 击 工具 箱 中 的 垩 (文字 江 具 ， 在 舞台 中 拖 出 一 个 框 ， 文 字 【 属性] 面板 的 设 
置 如 图 5.179 所 示 。 





区 [Re 着 一: 
HIT- 季 [SA] FW 上 La- 





图 5.177 图 5.178 图 5.179 
步骤 $: 利用 前 面 所 学 的 知识 ， 插 入 一 个 “图 层 2”, 在 “图 层 2” 的 第 1 帧 处 右 击 ， 
在 弹出 的 快捷 菜单 中 单 击 包 命令 , 弹出 【动作 】 脚本 对 话 框 , 在 该 对 话 框 中 输入 如 图 5.180 
所 示 的 代码 。 
步骤 6: 最 终 效果 如 图 5.181 所 示 。 完整 动 男 演 示 效 果 请 观看 从 网 上 下 载 的 素材 第 5 章 
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的 “使 用 按钮 戟 入 图 片 .swf”Flash 文 件 。 
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本 章 主 要 结合 前 面 五 章 的 内 容 , 通过 7 个 案例 介绍 Flash CS5 的 综合 使 用 , 在 学 习 本 名 
时 要 复习 前 面 所 学 知识 ， 以 加 快 学 习 进 度 。 


党 教学 建议 课时 数 : 
一 般 情况 下 需 14 课 时 ,其 中 理论 4 课时、 实际 操作 10 课时 (根据 竺 珠 情况 可 做 相 应 调整 ). 
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6.1 ActionScript2.0 编程 基础 


6.1.1 ActionScript 2.0 中 的 相关 术语 


在 前 面 介绍 了 ActionScript 2.0 中 的 一 些 常用 基本 功能 ， 但 还 没有 深入 介绍 如 何 使 用 
ActionScript 2.0 编写 脚本 。 下 面 将 具体 介绍 使 用 ActionScript2.0 进行 程序 编写 的 基础 知识 。 
使 用 ActionScript 2.0 创建 程序 脚本 时 ， 设 计 者 可 以 根据 需要 来 选择 其 中 的 细节 难度 。 
如 果 只 是 编写 一 些 简单 的 动作 效果 , 可 以 像 前 面 一 样 在 【标准 模式 】 中 使 用 【动作 】 面板 ， 
并 且 通 过 动作 工具 箱 选择 所 需 的 选项 来 编写 程序 。 但 如 果 要 求 比较 高 的 情况 ， 要 使 用 
ActionScript 2.0 编写 更 加 复杂 的 程序 脚本 ， 就 要 对 其 有 一 定 的 了 了解 ， 知 道 编 程 语言 是 如 何 
进行 工作 的 。ActionScript2. 0 和 其 他 的 编程 语言 一 样 营 箱 自己 的 语法 规则 ， 有 自己 的 术 
语 、 关 键 字 和 操作 符 ， 并 且 在 程序 中 有 变量 存储 和 轿 序 控制 的 功能 。 
下 面 针对 一 些 常用 的 ActionScript 2.0 术语 潜行 人 i 
时 本 座 计 的 灵 瑰 和 编程 的 核心 ， 用 于 控制 动画 揪 
AtionScript 程序 最 终 都 要 在 动画 中 通过 一 定 的 动 
生 联系 的 。_ 
gbtoAndplay 等 者 















放 过 程 中 相应 的 程序 和 播放 状态 。 所 
作 体 现 出 来 ,程序 是 通过 动作 与 动量 
例如 前 面 用 到 过 的 top] pa 










， 分 别 | 用 于 控制 动画 过 程 中 的 
ray 名 动作 是 不 会 猎 衬 执行 的 ， 而 需要 提供 一 定 的 条 件 。 换 


句 话说 ， 就 是 要 证 ， 才 能 执行 这 个 动作 ， 起 触发 作用 的 事情 
在 Action 和 事件。 移动 、 单 击 、 松 开 与 按 下 ,键盘 上 某 键 的 敲 
击 及 影片 的 下 载 等 都 可 以 作为 事件 。 

看 下 面 的 代码 ; 


On (reLlease) { 
GotoAndPLAY (15); 
] 


其 中 的 release 就 是 代表 “ 单 击 按钮 并 且 放 开 ” 这 个 事件 ， 该 事件 触发 了 “移动 到 第 15 
帧 并 播放 ”这 个 动作 。 

(3) 常量 (Constanb : 与 变量 相对 应 ,在 程序 编写 过 程 中 不 能 被 改变 ,常用 于 数值 的 比 
较 。 

全 数据 类 型 (Data Typej: 在 ActionScript2.0 中 可 以 被 应 用 并 进行 各 种 操作 的 数据 有 多 
种 类 型 , 包括 字符 串 、 数字 、 布尔 运算 值 以 及 Flash CS5 中 的 各 种 对 象 及 影片 等 , 这 些 都 可 
以 作为 ActionScript 2.0 的 数据 类 型 。 

(5) 类 (Class) : 一 系列 相互 之 间 有 关联 的 数据 的 集合 称 为 一 个 类 , 可 以 使 用 类 创建 新 的 
对 象 。 如 果 要 定义 一 个 新 的 类 ， 风 需要 事先 创建 一 个 构造 器 函数 。 

(9 构造 器 (Constructor): 用 于 定义 一 个 类 的 相关 特性 和 方法 的 函数 。 

(7) 表达 式 (Expressions) : 任何 能 产生 一 个 值 的 语句 都 可 以 称 为 一 个 表达 式 。 





Fem: 


(8) 函数 (Function): 指 可 以 多 次 使 用 的 代码 段 ， 与 程序 语言 中 普遍 意义 上 的 函数 含义 
完全 相同 ， 用 于 传递 某 些 参数 并 且 返 回 一 定 的 值 。 

(9) 标志 符 Gdentifiers): 用 于 识别 某 个 变量 、 特 性 、 对 象 、 函 数 或 方法 的 名 称 ， 这 种 名 
称 遵循 一 定 的 命名 规则 。 

《10) 实例 (Instance): 从 一 个 类 可 以 产生 很 多 个 属于 这 个 类 的 实例 , 一 个 类 的 每 一 个 实 
例 都 包含 这 个 类 的 所 有 特性 和 方法 。 例 如 : 所 有 影片 片段 都 是 影片 剪辑 这 个 类 的 实例 , 它 
们 都 有 如 _alpha 和 _root 这 样 的 特性 与 gotoAndstop 和 getURL 这 样 的 方法 。 

(11) 变量 (Variable) : 一 种 可 以 保留 任何 数据 类 型 的 标识 符 。 变 量 可 以 被 创建 、 改 变 和 
更 新 ， 它 的 存储 值 可 以 在 脚本 中 检索 。 

例如 , 下 面 的 程序 语句 是 给 变量 赋值 , 等 号 左边 的 标识 答 就 是 变量 。 


B=150; NS 
Hight=30; 
Shuname="Malie™" Wy 


(12) 交 例 名 : 每 个 交 例 都 是 唯一 的 有 这 个 唯一 的 实例 名 可 以 在 脚本 中 瞄准 所 


需要 的 影片 到 辑 。 RK 
例如 ， 下 面 的 程序 使 用 实例 复制 了 3 次 。 


Dof ~ 


了 
Dupl .icateM ("Burron"， we i) 
i=i+1; 
jwhile (i<= NS 


bs 1 

(13) 方 ; : 是 指摘 指派 给 和 < 个 对 得 的 ER。 在 一 个 函数 被 指派 给 一 个 对 象 
时 ， 它 可 以 作为 这 个 对 象 的 一 个 方法 被 调用 。 

(14) 关键 字 (Keyword) : 和 其 他 的 程序 语言 一 样 ，ActionScript2.0 也 有 自己 的 保留 关键 
字 ， 这 些 关键 字 都 有 特别 的 意义 ， 不 能 作为 标识 符 使 用 。 

(15) 对 象 (Object) : 是 特性 的 集合 。 每 个 对 象 都 有 自己 的 名 称 和 值 , 通过 对 象 可 以 访问 
某 一 类 型 的 信息 。 

(16) 操作 符 (Operator): 根据 一 个 或 多 个 值 计算 出 一 个 新 值 。 例 如 , 加 号 (+) 操 作 可 以 进 
行 两 个 值 的 加 法 运算 。 

《17) 目标 路 径 (Target Path): 以 逐 级 锁定 的 形式 指向 动画 中 的 一 个 影片 片段 交 例 名 、 
变量 或 对 象 。 可 以 使 用 一 条 目标 路 径 指 向 一 个 影片 片段 中 的 动作 ,获得 或 设置 一 个 变量 
的 值 。 

例如 ,下面 的 程序 语句 指向 影片 片段 niceClip 中 变量 apple 的 目标 路 径 。 


_root.niceClip.apple 


(18) 特性 (Property) : 是 对 象 具有 的 独特 属性 。 例 如 : 影片 片段 的 _alpha 特性 用 来 决定 
影片 片段 的 透明 度 。 
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6.1.2 变 吧 


在 ActionScript 2.0 中 ， 变 量 是 一 个 重要 的 概念 。 当 定义 一 个 变量 时 ， 就 应 该 分 配给 变 
量 一 个 明确 的 值 。 变 量 的 初始 化 经 常 在 动作 的 第 1 帧 中 进行 。 初 始 化 变量 可 使 动画 播放 时 
对 变量 值 进行 跟踪 和 比较 。 

ActionScript 2.0 中 的 变量 可 以 保存 所 有 类 型 的 数据 ， 包 括 字符 中 型 (String)、 数 信和 型 
Qumber)、 布 尔 型 (Boolean)、 对 象 (Object) 以 及 影片 片段 (MovieClip)。 当 菜 个 变量 在 一 个 用 
本 中 袖 赋 信 时 ， 变 量 的 数据 类 型 将 影响 变量 信 的 改变 。 

1. 变量 的 命名 

变量 命令 的 要 求 如 下 。 

(1) 应 是 一 个 标识 符号 ， HR 

(2) 不 能 是 ActionScript 2.0 的 关键 字 或 者 是 人 小 值 的 tme 或 false。 

(3) 在 作用 范围 内 ， ee 


2. 变量 的 输入 er 

在 ActionScript 2.0 中 ， | ， 或 者 
是 其 他 的 数据 类 型 。 当 变量 被 册 CS5 会 自动 确定 这 个 变量 的 数据 类 型 。 这 是 
ActionScript20 和 其 他 专 ; 的 不 同 之 处 。 









Flash CS5 程序 可 b 符 右边 的 表达 了 值 ， 并 且 确 定 这 个 变量 目前 是 一 个 
Number 数据 类 型 据 类 型 。 例 如 : 语句 “X= "dfdsfi"” 会 
a 成 string 时 , 次 并 < 到 作 自 动 将 接收 到 的 值 转换 成 字符 串 ， 可 以 使 
用 这 个 动作 、 跟 踪 变 量 的 值 以 及 跟踪 脚本 的 分 支流 向 。 

ActionScript 2.0 还 会 根据 表达 式 需要 来 变换 数据 类 型 。 例 如 ， 当 “+” 操 作 符 被 用 于 
一 个 字符 串 时 ，ActionScript 2.0 会 自动 将 另 一 个 数据 的 类 型 转换 为 字符 串 (不 是 字符 串 的 情 
况 下 )。 例 如 , "Aamde on line.number"+9, ActionScript 2.0 会 自动 将 数字 9 转换 成 字符 串 “9”， 
并 将 其 加 束 到 第 一 个 字符 串 的 后 面 形成 一 个 更 长 的 字符 串 : "Aamde on line,number9"。 

3. 变量 的 作用 王 

在 ActionScript2.0 中 ， 变 量 分 为 全 局 变量 和 局 部 变量 ， 变 量 在 作用 域 中 可 以 被 引用 。 

一 个 全 局 变量 可 以 在 所 有 的 Timeline 中 共享 ,而 一 个 局 部 变量 只 能 在 它 所 属 的 代码 块 
(大 括号 ) 内 起 作用 。 

使 用 局 部 变量 可 以 很 好 地 防止 名 称 的 冲突 ， 所 以 被 大 量 使 用 ， 但 在 有 些 情况 下 必须 使 
用 全 局 变量 。 例 如 ， 要 在 某 个 代码 块 中 应 用 另 一 个 代码 块 中 的 变量 ， 或 者 在 整个 动画 中 传 
递 某 个 变量 的 值 ， 在 这 种 情况 下 ， 全 局 变量 将 发 挥 巨大 的 作用 。 

局 部 变量 在 函数 内 部 使 用 ， 这 将 使 函数 成 为 可 重复 使 用 的 独立 代码 段 。 

4. 变量 的 声明 

全 局 变量 的 声明 , 可 以 通过 使 用 set variables 动作 或 赋值 操作 符 来 实现 ; 局 部 变量 的 声 





Fr: 
明 ， 可 以 通过 在 函数 体内 部 使 用 var 语句 来 实现 。 局 部 变量 的 作用 域 被 限定 在 所 处 代码 块 
中 ， 并 在 块 结束 处 终结 ， 不 是 在 块 的 内 部 被 声明 的 局 部 变量 将 在 它们 的 脚本 结束 处 终结 。 
6.1.3 操作 符号 

在 ActionScript 2.0 中 ， 操作 符 用 于 指定 表达 式 中 的 值 将 如 何 被 联合 、 比 较 或 者 改变 。 
操作 符 的 动作 对 象 被 称 为 操作 数 。【 动 作 ]】 面板 的 “比较 运算 符 ” 中 包含 了 ActionScript2.0 
的 各 种 操作 符 ， 如 图 6.1 所 示 。 


Fv 根 入 | 渤 坑 | 参数 ”动作 
ActienSeript 1.042.0 沁 


全 局 西数 全 
| | 全 mt » 论 
通 句 » 0 
AetiomSeript 20 类 
ETT = 
y 中 
sR 


A 党 让 
1. 操作 符 的 优先 We 

当 两 个 或 两 en 一 些 操作 符 与 其 他 操作 符 相 
比 有 更 高 的 { /go, “/” 要 在 之 前 被 执行 ， 因 为 除法 运算 比 加 法 运算 具有 更 
高 的 优先 级 。ActionScript 2.0 就 是 通过 严格 遵循 这 个 优先 级 来 决定 哪个 操作 符 优 先 执行 ， 
哪个 操作 符 最 后 执行 的 。 

例如 ， 在 下 面 的 程序 中 ， 先 执行 括号 里 的 内 容 ， 运 算 结果 是 72。 

Number=(22+2) *3 
而 在 下 面 的 程序 中 ， 先 执行 乘法 运算 ， 运 算 结果 是 26。 


Number=22+2*2 





园 2@v 人 名 这 






2. 榜 作 符 的 结合 性 

如 果 两 个 或 两 个 小 上 的 操作 符 拥有 同样 的 优先 级 ， 此 时 决定 它们 执行 顺序 的 就 是 操作 
符 的 结合 性 了 。 结 合 性 可 以 是 从 左 到 右 , 也 可 以 是 从 右 到 左 。 

例如 ,乘法 操作 符 的 结合 是 从 左 向 右 ， 所 以 下 面 的 两 个 语句 是 等 价 的 。 


number=5*8*9 
number=(5*8)*9 


第 6 章 Flash CS5 综合 制作 


3. 数字 操作 符 


数字 操作 符 用 于 在 程序 中 进行 算术 运算 , 表 6-1 列 出 了 ActionScript2.0 中 所 有 的 数字 
操作 符 及 其 合 义 。 


表 6-1 数字 操作 符 














4. 比较 择 作 符 RS 
比较 操作 符 用 于 比较 表达 式 回 一 个 布尔 值 ， 这 些 操作 符 常用 于 判断 循环 是 
天 结束 或 用 于 条 件 语句 中 。 末 了 ActionScrip 轩 中 知人 比较 近 作 符 及 其 合 义 。 





5. 到 辑 操作 符号 


逻辑 操作 符 用 于 比较 两 个 布尔 值 (trve 或 false) 并 返回 第 3 个 布尔 值 。 表 6-3 列 出 了 
ActionScript 2.0 中 的 所 有 逻辑 操作 符 及 其 合 义 。 











表 6-3 膛 辐 操作 符 
逻辑 操作 符 执行 的 操作 
人 适 辑 与 
1 远 辑 或 
! 远 辑 砷 


6. 位 操作 符 
位 操作 符 可 在 内 部 将 浮 点 型 数字 转换 成 32 位 的 整 型 ,所 有 的 位 操作 符 都 会 对 一 个 浮 点 


Fares Soe 
数 的 每 一 位 进行 计算 并 产生 一 个 新 值 。 

表 6-4 列 出 了 ActionScript2.0 中 的 所 有 位 操作 符 及 其 含义 ， 可 以 根据 程序 编写 时 的 实 
际 情况 ， 选 择 合适 的 位 操作 符 。 


表 6-4 位 操作 符 
位 操作 符 执行 的 操作 
& 按 位 与 
| 接 位 或 
按 位 异 或 
~ 按 位 非 ， 即 求 补 码 
< RE 
> a 和 
>>> 天 省 稳 ， 了 左边 空位 用 0 填充 


7. 相等 或 赋值 操作 符 
使 用 相等 操作 符 (==) 可 以 确定 的 值 或 身份 是 否 相等 ,这 种 比较 的 结果 是 返 


回 一 个 布尔 值 (te 或 false) 。 如 果 拒 i 数 完 或 布尔 数 , 它们 将 通过 值 来 进行 比 
较 ; 如 果 操作 数 是 对 象 或 
ee Ms 
jl 


Name="1dsj 
oa 各 作 符 在 一 个 表 记 sn. 在 下 面 的 语句 中 ,x 的 值 被 
赋 给 a、c、h 
a=C=h=X 
还 可 以 通过 使 用 混合 赋值 操作 符 联合 进行 运算 。 混 合 赋 信 操作 符 对 两 个 操作 数 进行 运 
算 , 并 将 结果 峙 给 第 一 个 操作 符 。 
例如 ， 下 面 的 两 个 程序 语句 是 等 价 的 ， 都 是 将 变量 x 扩 大 3 信 。 


X*=3 
K=xX*3 


表 6-5 列 出 了 ActionScript2.0 中 所 有 的 相等 操作 符 和 赋值 操作 符 。 
表 6-5 相等 和 赋值 操作 符 










相等 和 赋值 操作 符 执行 的 操作 
相等 
不 相等 








1 | 家 
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续 表 
相等 和 周 值 操作 符 执行 的 操作 
es 相 球 并 赋值 
vs 相 乘 并 赋值 
= 求 余 并 赋值 
上 相 除 并 赋值 
< 一 按 位 左 移 并 赋值 
ts 无 符号 按 位 右 移 并 赋值 
Ee 按 位 与 或 并 赋值 








上 面 介绍 了 几 种 常用 的 ActionScript2.0 操 作乱 
相似 ， 有 编程 基础 的 设计 者 可 以 说 早已 掌握 ， 
和 用 法 ， 以 便 在 程序 设计 中 灵活 应 用 。 RS 
6.1.4 程序 控制 


ActionScript2.0 的 程序 内 本 单 ， 和 这 骨 生 = 此 程序 滞 言 的 程序 控 抽 方法 和 
习惯 基本 相同 。 总 


作 符 和 常见 的 程序 语言 的 形式 
应 该 通过 练习 领会 每 个 操作 符 的 功能 









个 名 称 和 地 址 吕 称 为 目标 路 径 (Target Path)。 

在 ActionScript 2.0 中 ,下面 的 动作 接收 一 个 或 一 个 以 上 的 目标 路 径 ， 是 程序 运行 时 的 
控制 参数 。 

{1) loadMovie; 

(2) mloadMovie: 

{3) setProperty; 

{4) startDrag, 

{5) duplicateMovieClip; 

{© removeMovieClip; 

{7) print: 

(8) printAsBitmap; 

(9) tallTarget。 

例如 ， 使 用 loadMovie 动作 需要 提供 3 个 参数 。 


loadMovie (URL, Location,Variable); 


其 中 各 参数 县 体 富 义 如 下 。 
URL 参数 是 想 要 载 入 的 影片 片段 在 Web 上 的 定位 。 
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Location 是 影片 片段 的 目标 路 径 ， 即 确定 影片 片段 下 载 到 什么 位 置 。 

Variables 用 于 制定 使 用 那 种 方法 发 送 , 与 当前 要 下 载 的 影片 片段 相关 的 变量 , 有 GET 
和 POST 两 种 方法 。 

在 ActionScript2.0 中 ， 通 过 影片 片段 的 实例 名 来 识别 一 个 影片 片段 。 

例如 , 在 下 面 的 语句 中 ， 实 例 名 为 myAction 的 影片 片段 的 透明 度 被 定义 为 65%。 

myAction. alpha=65; 

2. 条 件 语句 


条 件 语句 , 是 一 个 以 站 开始 的 语句 ,用 于 检查 一 个 条 件 的 值 是 true 还 是 false。 如 果 条 
件 值 为 tue， 则 ActionScript2.0 顺序 执行 后 面 的 语句 ; 否则 ,ActionScript2.0 将 跳 过 这 段 
代码 ， 执 行 下 面 的 语句 。 让 经 常 与 slse 结合 使 用 ， 用 于 多 和 尖 断 和 跳 转 执行 。 

例如 , 下 面 的 程序 语句 就 是 用 来 测试 条 件 和 执行 机 


值 为 false， 则 执行 else 中 的 语句 。 
If((password)=64646555 rr 
gotoMndstop ("reject"); 
Eset i 
JotoandPlay1 yy ) 
y : x 
3. 循环 语句 A 
作 在 人 用 起 各 重复 执行 一 系列 的 动作 , 或 者 是 在 一 个 
和 I 动作 。 在 使 用 A mn? 可 以 使 用 while、do.…while、 
for 以 及 for..-in 太 作 来 创建 一 个 循环 语 伍 

1D) 条 件 循环 语句 

在 编程 过 程 中 ， 有 时 需要 在 满足 一 个 条 件 的 情况 下 实现 一 个 循环 ， 这 时 需要 用 while 
语句 或 do.…while 语句 。 

在 ActionScript 2.0 中 ,循环 语句 while 用 于 对 一 个 表达 式 求 值 如果 表 达 式 的 值 是 tme， 
那么 循环 体 中 的 代码 被 执行 ， 当 循环 体 中 的 所 有 语句 都 被 执行 之 后 ， 表 达 式 按照 程序 要 求 
再 次 进行 求 值 ， 就 这 样 进行 反复 ,直到 表达 式 的 信 变 为 false， 就 跳出 本 次 循环 ,执行 循环 
后 的 语句 。 

例如 ， 在 下 面 的 程序 中 ， 动 作 被 执行 了 10 次 。 

I=10; 

While (i>0) { 

myMovieClip.dup; icateMomieClip ("newMovieClip"+i,i); 
yy 

另外 ,也 可 以 使 用 do...while 语句 创建 同样 的 循环 , 在 一 个 do...while 语句 中 , 表达 式 
是 在 代码 问 的 太 部 被 求 值 ， 因 此 ， 这 个 循环 至 少 被 执行 一 次 。 


的 。 如 果 前 面 的 条 件 返 回 
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例如 ,将 上 面 的 那 段 语句 用 do...while 编写 如 下 。 


I=10; 
Ee myMovieClip .dup; icateMomieClip ("newMovieClip"+i, i); 
ne (i>0); 
2) 按照 指定 的 次 数 循环 
在 ActionScript2.0 中 ， 可 以 使 用 for 语句 使 程序 按照 指定 的 次 数 循环 。 在 一 些 特殊 的 
合 ， 这 种 功能 具有 很 重要 的 意义 。 

很 多 情况 下 , 需要 预 设 一 个 计数 初 值 的 次 数 。 可 以 声明 一 个 变量 ,并 编写 一 条 每 当 特 

We er 。 


上 面 介绍 了 ActionScript 2.0 中 常用 的 一 些 程序 控制 讽 ; 公制 对 于 动画 控制 从 有 
特别 重要 的 意义 ,在 动画 制作 过 程 中 灵活 运用 这 些 程 法 ， 可 以 为 动画 设计 出 精彩 


的 效果 。 
6.1.5 对象 的 后 缀 Sy 


在 Flash CS5 中 有 很 多 种 对 象 ， 、 按 钮 、 影 片 部 辑 、 文 字 等 。 每 种 对 象 在 进行 编 
加 时 所 要 用 到 的 属性 和 方法 都 各 有 不 间 、 而 在 使 用 ActienScript2.0 编 程 的 过 程 中 ， 了 解 正 
在 i 行 如 人 的 对 杀 的 类 型 是 人 和 要 的 ， 这 关系 下 | 编译 和 代码 提示 等 多 种 功能 的 
实现 ， 所 以 要 使 用 一 定 的 方法 》 在 给 对 象 全 网 由 | ， 这 种 规则 性 就 体现 在 每 个 
类 型 的 对 象 名 称 后 画 的 局。 人 种 后 绢 都 代表 一 种 对 象 的 类 型 ， 表 6-6 
所 列 为 ActionSseyiBf3yy 中 一 些 常用 的 













类 56 后 级 

















后 垦 名 称 对 象 类 型 
_me MovieClip( 影 片 交 辑 ) 
_array Array 人 后 组 ) 
st String( 字 符 串 ) 
tt TextField( 文 本 框 ) 
bn Botton( 按 钮 ) 
date Date( 日 期 ) 
_sound Sound( 南 音 ) 
_xml XML(XML 对 象 ) 
-id Video( 视 频 ) 





在 使 用 ActionScript 2.0 进 行程 序 设计 时 ， 充 分 运用 这 些 后 绎 可 以 带 来 很 多 方便 ,使 设 
计 工 作 更 加 轻松 。 
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6.2 ActionScript 3.0 编程 基础 


在 Flash CS5 中 , ActionScript 3.0 是 一 种 强大 的 脚本 编程 语言 , 它 扩 展 了 Flash 的 功能 。 
即使 一 个 编程 初学 者 ， 也 可 以 利用 一 些 非常 简单 的 脚本 获得 巨大 的 好 处 。 只 要 读者 花 一 定 
的 时 间 学 习 语 法 和 一 些 基 本 术语 ， 就 会 获得 最 佳 的 效果 。 

6.2.1 了 解 ActionScript 3.0 中 的 简介 

ActionScript 是 一 种 类 似 JavaScript 的 语言 。 读 者 可 以 向 Flash 动画 中 添加 更 多 的 交互 
性 。 对 一 些 常 见 的 任务 ， 可 以 复制 其 他 共享 的 脚本 。Flash CS5 中 新 增 了 “代码 片断 ”面板 ， 
利用 这 个 功能 ,可 以 向 用 户 的 项 目 中 添加 ActionScript 或 者 员 当 中 共享 ActionScript 
代码 。 

如 果 了 解 ActionScript 如 何 工作 , 在 Flash C5; ni 在 使 用 应 用 
程序 时 感到 自信 。 

如 果 使 用 过 脚本 编程 语言 ,Flash CS5 "菜单 中 包含 的 文档 提供 了 用 户 熟 练 使 
用 ActionScript 所 需要 的 额外 指南 。 对 : 和 初学 者 并 且 想 学 习 ActionScript, “帮助 ” 
菜单 是 一 个 不 错 的 指南 。 


6.2.2 本 编程 术语 a RS 


ActionScript 3.0 中 的 术 洁 女 ActionScript ,出 义 是 相同 的 。ActionScript3.0 只 


不 过 在 ActionScript2 出 上 进行 了 。 下 面 对 一 些 频 葡 出 现 的 ActionScript 术 
语 进 行 介绍 。 ** 必 
7 3 
1 变量 六， 
变量 是 一 种 特定 的 数据 ， 在 创建 或 声明 变量 时 分 配 一 种 数据 类 型 ， 以 确定 变量 的 数据 
类 型 。 


变量 名 必须 是 唯一 的 ,并 且 有 大 小 写 之 分 。 变 量 名 只 能 包含 数字 、 字 母 和 下 划 线 , 不 
能 以 数字 开头 。 实 例 的 命名 规则 与 变量 的 命名 规则 相同 伪 实 上 , 变量 和 实例 在 概念 上 是 相 
同 的 )。 

2. 关键 字 

在 ActionScript 中 ， 关 键 字 (Keyword) 是 系统 提供 的 保留 字 。 例 如 ，Var 是 用 于 创建 变 
量 的 关键 字 。 用 户 可 以 在 Flash CS5 “帮助 ”中 找到 关键 字 的 完整 列表 。 由 于 这 些 单词 是 保 
留 的 ， 因 此 不 能 把 它们 用 作 变量 名 或 者 以 其 他 方式 使 用 它们 。 

ActionScript 中 的 关键 字 是 用 来 执行 特定 任务 的 。 在 【动作 】 面板 中 输入 ActionScript 
代码 时 ,关键 字 将 变 成 不 同 的 额 色 ， 以 方便 用 户 识 别 该 单词 是 否 是 Flash 保留 字 。 

3. 参数 

参数 是 为 特定 命令 提供 具体 的 详细 信息 的 ， 是 代码 行 中 的 圆 括号 “07 间 的 值 。 例 如 ， 
在 代码 “gotoAndStop(2) ”中 ， 参 数 指示 脚本 转 到 第 2 帧 并 停止 。 
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4. 函数 

函数 (Function) 是 指 按 名 称 引用 的 一 组 语句 。 有 了 函数 ， 用 户 在 运行 相同 的 语句 集 时 ， 
就 不 必 重复 输入 ， 直 接应 用 即 可 。 

5. 对 象 

在 ActionScript 3.0 中 引用 了 对 象 的 概念 ， 它 是 一 种 抽象 的 数据 类 型 ， 主 要 用 来 帮助 用 
户 完成 某 些 特定 的 任务 。 例 如 : Sound 对 象 主要 用 来 控制 声音 ;Date 主要 用 来 操纵 与 时 间 
相关 的 数据 。 

6. 方法 









方法 是 指 用 来 控制 某 个 动作 发 生 的 关键 字 。 方 法 是 ipt 中 的 “实干 家 ”, 每 一 
类 对 象 都 有 自己 的 方法 集 。 在 ActionScript 中 , 要 学 字 站 内容 都 是 用 于 每 一 类 对 象 的 
方法 。 例 如 ，MovieClip 对 象 关联 的 两 个 方法 是 ; gotoAndPlay0。 


7. 属性 


属性 主要 用 来 描述 对 象 。 例 如 ， 
标 以 及 缩放 比率 。 下 


属性 主 要 包括 高 度 和 宽度 、x 坐标 和 y 坐 
改 ， 也 有 一 些 属性 只 能 读 取 。 也 就 是 说 ， 只 能 


读 取 的 属性 只 能 用 于 描 或 
6.2.3 ”脚本 编程 语法 

对 于 一 个 “和 0 ActionScript 代码 可 能 
以 理解 。 如 本 的 于 法 ? 语法 和 标点 符号 ， 对 ActionScript 代 码 就 很 容 
易 理 解 了 。 


《1D 代码 行 末尾 的 分 号 (semicolon): i 诉 ActionScript 到 达 了 代码 的 末尾 , 并 
且 将 转 到 代码 的 下 一 行 。 

(2) 圆 括号 (parenthesis) :与 英语 中 一 样 ， 每 个 开始 圆 括号 都 须 有 对 应 的 封闭 圆 括号 ， 对 
于 方 括号 (brakeb 和 花 括 号 (curiy brackeb 也 是 如 此 。 通 常情 况 下 ，ActionScript 代 码 中 的 花 括 
号 将 分 隔 在 不 同 的 行 上 ， 这 使 得 更 容易 阅读 共 括 号 内 的 代码 。 

(3) 点 (do 运算 符 (): 主要 用 于 访问 对 象 的 属性 和 方法 。 可 以 把 点 视 作 分 隔 对 象 、 方 法 
和 属性 的 方式 。 

(49 在 输入 字符 或 者 文件 名 时 ， 都 要 使 用 引号 (quotation mark)。 

(5) “1/” 主 要 用 来 作 单 行 注释 的 开始 ; “/*” 主 要 用 来 作 多 行 注释 的 开始 ，“*/” 主 要 
用 来 作 多 行 注释 的 结束 。 

(9) 在 ActionScript 中 ,以 蓝 色 显示 的 单词 主要 用 来 表示 特定 含义 (如 关键 字 和 语句 )， 
以 黑色 显示 的 单词 表示 ActionScript 的 保留 单词 , 以 绿色 显示 的 表示 为 字符 串 , 以 灰色 显示 
的 表示 ActionScript 中 忽略 的 注释 。 

{7 在 【动作 】 面 板 中 工作 时 ，Flash CS5 可 以 检测 副 你 正在 输入 的 动作 ， 并 且 显 示 提 
示 代 码 。 有 两 种 提示 代码 : 工 县 提示 和 弹出 式 菜单 提示 。 工 具 提 示 包 含 针对 动作 的 完整 语 
法 ， 弹 出 式 菜单 提示 列 出 了 可 能 的 ActionScript 元 素 。 
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(8) 如 果 要 检查 编 瑟 脚本 的 语法 , 可 以 单 击 祥 A( 语 法 检查 按钮 。 语 法 错误 将 列 出 在 【 编 
译 器 错误 】 面 板 中 。 也 可 以 单 击 至 (自动 套用 格式 ) 按 钮 。 


6.2.4 脚本 编程 工具 


所 有 代码 的 输入 和 编辑 都 要 在 【动作 】 面 板 中 完成 ， 【动作 ] 了 面板 的 打开 主要 有 以 下 
两 种 方式 。 

《1D) 在 影片 剪辑 元 件 或 按钮 元 件 上 右 击 ， 在 弹出 的 快捷 荣 单 中 单 击 ar 命令 ， 弹 出 【 动 
作 ] 面板 。 

(2) 在 【时 间 轴 ] 面板 的 帧 上 单 击 鼠 标 右键 ， 弹 出 快捷 菜单 ， 在 弹出 的 快捷 菜单 中 单 
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【动作 ] 面板 分 为 多 个 窗口 。 在 左上 角 是 【动作 】 工 具 箱 , 其 中 列 出 了 多 个 类 别 , 包含 
了 所 有 的 ActionScript 代码 。 【动作 】 工具 箱 的 项 部 是 一 个 下 拉 菜 单 , 它 只 显示 用 于 所 选 
ActionScript 版 本 的 代码 。 
【动作 ] 面板 的 右上 方 是 【脚本 】 输 入 区 ， 主 要 用 来 输入 和 编辑 ActionScript 代 码 。 
【动作 】 面板 的 左下 方 是 【脚本 】 导 航 器 ， 主 要 用 来 查找 特定 的 代码 段 。ActionScript 
代码 存放 在 【时 间 轴 ]】 中 的 关键 帧 上 ， 因 此 ,如 果 用 户 有 许多 代码 分 散在 不 同 的 【时 间 轴 ] 
上 或 不 同 的 关键 帧 中 ， 那 么 【脚本 】 导 航 器 就 有 助 于 用 户 快速 找到 。 
【动作 】 面板 中 的 窗口 大 小 都 可 以 调整 ,以 便 适 合 自己 的 工作 风格 ， 可 以 将 它们 折 双 起 
来 , 也 可 以 最 大 化 正在 工作 的 窗口 。 窗 口 大 小 的 调整 ， 只 要 将 鼠标 放 在 水 平 或 垂直 分 隔 线 
上 ， 按 住 鼠 标 左 键 不 放 进行 移 动 即 可 。 
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6.3 案例 演示 


6.3.1 案例 一 : 视频 播放 控制 

一 、 案 例 效 果 预 览 

到 例 效果 见 本 书 提供 的 “第 6 章 Flash CS5 综合 制作 /视频 播放 控制 -swf” 文件 。 通 过 
预览 了 解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 Adobe Media Encoder CS5 视频 格式 转换 应 用 
程序 和 Flash CS5 中 的 视频 导入 设置 来 制作 视频 播放 控制 效果 。 通 过 该 案例 的 学 习 , 使 学 生 
熟练 掌握 视频 文件 格式 的 转换 和 导入 设置 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 SN 

案例 男 面 效果 如 下 : 








Pas 
J 步骤 





案例 制 
使 启 Adobe Media 启 动 Flash 
Encoder CS5 应 用 程 厅 CS5， 导 入 视频 文 测试 视 
将 视频 文件 转 并 为 有 LY | [> 件 ， 读 者 根 据 舌 要 | 广 一 > 约 效 打 . 
或 E4V 客 式 文件 。 设置 导入 对 话 杠 。 
三 、 详 细 操作 步 迪 
1. 转换 视频 客 式 


在 使 用 各 种 视频 格式 的 文件 时 ， 建议 读者 使 用 Adobe Media Encoder CS5(Flash 
Professional CS5 附带 的 一 种 独立 应 用 程序 ) 将 各 种 视频 格式 转换 为 FLV 或 F4V 格式 .Adobe 
Media Encoder CS5 可 以 将 一 个 或 多 个 不 同 的 视频 进行 转换 ， 从 而 使 工作 流程 更 加 简单 。 

步 对 1: 单 击 加 (开始 )* 国 “we 命令 即 可 启动 Adobe Media Encoder CS5 应 用 程 
序 。 工作 界面 如 图 6.3 所 示 。 

步骤 2: 单 击 Adobe Media Encoder 工作 界面 中 的 大 本 一 时 安 包 , 弹出 【打开 】 对话 框 ， 
在 【打开 】 对话 框 中 选择 如 图 6.4 所 示 的 视频 素材 。 

步骤 3: 单 击 王 ms 按钮 , 即 可 将 选择 的 视频 文件 导入 到 Adobe Media Encoder 工作 界 


Fr: 


面 中 , 如 图 6.5 所 示 。 

步骤 4: 在 Adobe Media Encoder 工作 界面 中 单 击 了 -> “> 命令 , 弹出 【首选 项 】 
对 话 框 ,具体 设置 如 图 6.6 所 示 。 

步骤 5: 设置 充 毕 单 击 目 种 雪 馈 ， 返 回 Adobe Media Encoder 工作 界面 。 
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图 6.5 图 6.6 


步骤 6: 在 Adobe Media Encoder 工作 界面 中 单 击 国 蜂 下 方 的 区 按钮 ,弹出 下 拉 菜 单 ， 
在 弹出 的 下 拉 菜 单 中 选择 mim 项 (用 户 可 以 根据 自己 的 需要 选择 想 要 转换 的 视频 格式 )。 

步骤 7: 在 Adobe Media Encoder 工作 界面 中 单 击 路 可 让 方 的 贺 按 钮 ， 弹 出 下 拉 某 单 ， 
在 弹出 的 下 拉 菜 单 中 选择 "amesseesesy 项 (用 户 可 以 根据 自己 的 需要 选择 视频 的 
编码 制式 )。 

步骤 8: 在 Adobe Media Encoder 工作 界面 中 单 市 世 3E3 融 裕 钮 , 开始 对 视频 进行 转换 ， 
如 图 6.7 所 示 。 

步骤 9: 视频 转换 充 之 后 ， 单 击 一 于 安 钮 ， 关 闭 Adobe Media Encoder 应 用 程序 。 


国 加 
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6.8 


步骤 3: 单 击 【 导 入 视频 】 对 话 框 中 的 B= 按钮 ,弹出 【打开 】 对 话 框 , 选择 前 面 转 
换 好 的 视频 ， 如 图 6.9 所 示 。 
步骤 4: 单 击 C 亚 = 按钮 ,返回 【导入 视频 】 对 话 框 。 








图 6.10 
步骤 6: 单 击 EE2 按 钮 ， 充 成 视频 导入 设置 ， 如 图 6.11 所 示 。 








图 6.11 
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步骤 7: 单 击 EBs 按 钮 ， 开始 导入 ， 在 舞台 中 的 效果 如 图 6.12 所 示 。 
步骤 8: 单 击 菜单 栏 中 的 E> 号 5m 一 环 命令， 效果 如 图 6.13 所 示 。 





图 612 






四 、 举一反三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 充 不 
作 / 视 频 播放 控制 练习 .swf” 文 件 。 


果 请 观看 “第 6 章 Flash CS5 综合 制 


/ 

6.3.2 NA 

一 、 案 例 效果 预览 

案例 效果 见 本 书 提供 的 “第 6 章 Flash CS5 综合 制作 /选择 填空 -swf” 文件。 通过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 文字 工具 、 添 加 组 件 、 修 改组 件 属性 和 添加 上肢 本 
语言 来 制作 选择 填空 效果 。 通 过 该 案例 的 学 习 ， 合 学生 熟练 掌握 组 件 的 添加 和 组 件 属性 的 
修改 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


案例 画面 效果 如 下 : 








Fans mre 


秦 例 制作 的 大 致 步 难 : 
使 用 线条 工 只、 短 添加 组 件 ， 根 添加 县 
形 工具 、 构 圆 工具 和 请 据 技 所 要求 修改 组 本 代码 ， 测 
充 工 具 侧 作 “底板 * 图 | 一 > 们 的 局 和。 上 一 >》 芭 a. 
形 元 件 。 





三 、 详 细 操 作 步 又 
1. 制作 “底板 ”图 形 元 件 


步 要 1: 运行 Flash CS5， 新 建 一 个 名 为 “ 渤 择 请 空 eh 

步 要 2: 单 市 [20 EIDE09 今 仿 ， 弹 元 件 】 对话 框 ， 具体 设置 
如 图 6.14 所 示 ， 并 单 击 枉 _ 按 角 。 

步骤 3: 利用 工具 箱 中 的 点 线条 ) 工 具 、 具 、 口 ( 情 圆 江 具 绘制 如 图 6.15 所 
示 的 图 形 。 

步 要 4-。 利用 工具 箱 中 的 Bi 料 桶 ) 必 种 新 色 】 浮动 面板 对 经 制 的 图 形 进 行 填充 ， 
效果 如 图 6.16 所 示 。 


本 





图 6.14 图 6.15 
步骤 5: 单 击 时 间 轴 左上 角 的 BE 于 灾 钮 ， 返 回 场景 。 
2. 添加 组 件 和 代码 


步骤 1: 将 “底板 ”图 形 元 件 拖 到 舞台 中 ， 利 用 加 (文字 ) 工 具 在 舞台 中 输入 文字 ,如 
6.17 所 示 。 








图 6.17 
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步骤 2: 利用 于 (文字 ) 工 县 在 舞台 中 拖 出 一 个 动态 文本 框 ， 属 性 设置 为 如 图 6.18 所 示 。 
步骤 3: 单 击 EE 命令 ， 弹 出 【组 件 】 面 板 , 选择 如 图 6.19 所 示 的 组 件 , 将 
其 拖 动 3 次 到 舞台 中 ， 效 果 如 图 6.20 所 示 。 











图 6.18 图 6.19 图 6.20 
步骤 4: 修改 3 个 组 件 的 参数 ， 从 左 到 右 如 图 6.21 一 图 6.23 所 示 。 
ape 要 | 
> 





图 6.21 


步骤 5: 舞台 效果 如 图 6.24 所 示 。 

步骤 6: 利用 前 面 所 学 知识 插入 一 个 图 层 ， 图 层 名 为 “图 层 2”。 在 “图 层 2” 的 第 1 
帧 处 右 击 ， 弹 出 快捷 菜单 ， 在 快捷 菜单 中 单 击 苹 三 命令 ， 弹 出 【动作 】 脚 本 对 话 框 ， 在 对 
话 框 中 输入 如 图 6.25 所 示 的 代码 。 


图 6.23 





tt = radiogroup. selecticn. label. 
二 (er se “960 万 不 方 公里) 
smever, text =“ 真 栖 遇 ” 


好 《tt 一 “8930 万 不 方 公里 ~ ll tt 一 “1000 万 手 方 公里 ")1 
never, text = ” 


由 (tt = 
Never. text = 





图 624 图 625 


步骤 7: 在 “图 层 2” 的 第 2 帧 处 , 插入 关键 帧 ， 在 “图 层 2” 的 第 2 帧 处 右 击 ， 在 弹 
出 的 快捷 菜单 中 单 击 曼 三 命 令 ， 弹 出 【动作 】 脚 本 对 话 框 ， 在 对 话 框 中 输入 如 图 6.26 所 示 
的 代码 。 


步 要 3: 利用 前 面 所 学 知识 ， 在 “图 民 1” 的 第 2 帆 处 插入 一 个 普通 由 。 


步骤 9: 测试 动画 效果 ,如 图 6.27 所 示 。 完 整 演示 效果 请 观看 从 网 上 下 载 的 素材 第 6 
童 的 “选择 填空 .swf”Flash 文件。 


1 gotoAndPlay (1): 





图 6.26 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 6 章 Flash CS5 综合 
作 / 选 择 填空 练习 .swf” 文 件 。 





6.3.3 案例 三 : 测试 题目 
一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 6 章 Flash CS5 综合 制作 /测试 题目 -swf” 文件 。 通 过 预览 
了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 文字 工具 、 添 加 组 件 、 修 改组 件 属性 和 添加 上肢 本 
语言 来 制作 测试 题目 效果 。 通 过 该 案例 的 学 习 ， 合 学生 熟练 掌握 组 件 的 添加 和 组 件 属性 的 
修改 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 


奉 例 画面 效果 如 下 : 
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肆 例 制作 的 大 致 步骤 : 





使 用 线条 工具 、 矩 | 舌 加 组 件 , 禄 添加 有 
形 工具 、 棋 较 工 具 和 项 据 技 后 要 求 修改 组 志 代 玛 ,测试 


充 工 具 制作 “底板 ” 图 | [一 > 作 的 属性 。 
形 元 件 。 





三 、 详 细 操作 步骤 
1. 制作 “底板 ”图 形 元 件 





步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “测试 题目 .fla” 的 文件 。 

步骤 2: 单 击 EEN 一 EEEBRSTISESO3 合 令 ， 弹 出 【创建 新 元 件 】 对 话 框 ， 具 体 设置 
如 图 6.28 所 示 , 单 击 _ 细 按钮 。 

步骤 3: 利用 工具 箱 中 的 线条) 工具 、 口 ( 炬 形 ) 工 具 、O 〇 ( 梢 圆 ) 工 具 绘 制 如 图 6.29 所 
示 的 图 形 。 

步骤 4: 利用 工具 箱 中 的 他 ( 几 料 桶 工具 和 颜色】 浮动 面板 对 绘制 的 图 形 进行 填充 ， 
效果 如 图 6.30 所 示 。 








图 628 国 629 图 6.30 
步骤 5: 单 击 时 间 轴 左上 角 的 本 对 安 钮 ， 返 回 场景 。 
2. 添加 组 件 和 修改 组 件 属性 


步骤 1: 将 “底板 ”图 形 元 件 拖 到 舞台 中 ， 再 利用 了 (文字 ) 工 具 在 舞台 中 输入 文字 , 如 
6.31 所 示 。 





图 631 


步骤 2: 利用 前 面 所 学 知识 插入 两 个 图 层 , 分 别 为 “图 层 2”、“ 图 层 3”， ”选中 
* 图 层 二 二 


步骤 3: 单 击 ES ET3 市 令 ， 弹 出 【组 件 】 对 话 框 ， 选 择 如 图 6.32 所 示 的 组 件 ， 
将 其 拖 动 3 次 到 舞 人 台中， 舞台 效果 如 图 6.33 所 示 。 

步骤 4: 修改 3 个 组 件 的 参数 ， 从 上 到 下 如 图 6.34 一 图 6.37 所 示 。 画 面 效果 如 图 6.37 
所 示 。 





图 635 图 6.36 图 637 
步骤 5: 选中 “图 层 2”， 单 击 Bem 一 gg 命令， 弹出 【组 件 】 对 话 框 ， 选 择 如 图 
6.38 所 示 的 组 件 ， 将 其 拖 动 到 舞台 中 ， 并 设置 组 件 属性 ， 如 图 6.39 所 示 。 








图 6.38 图 6.39 


步骤 6: 利用 文字 工具 在 舞台 中 拖 出 一 个 动态 文本 框 ， 其 属性 设置 如 图 6.40 所 示 , 在 
舞台 中 的 位 置 如 图 6.41 所 示 。 
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3. 添加 脚本 代码 
步骤 1: 选中 “图 层 3” 的 第 1 帧 , 打开 【动作 】 脚 本 对 话 框 ， 在 脚本 对 话 框 中 输入 如 
6.42 所 示 的 代码 。 


function onclick() | 
证 {ex selected 一 true) { 
never = 
1 we | 
anywer =“ 典 谢 ; 


Tunetion onclick!l() 【 
xd selected = falze) 
hm selected = falisei 
HL Wever = 





全 tunetion onclick2() [ 

Is Kozelected = false, 
1 场 Ya. zelected = {4lse: 
16 anyyer = ; 


证 function enclick3() 【 
1 x. selected = false: 
be th. #01e0ted = false: 
21 sver = 
|} 





图 6.40 图 641 图 6.42 
步骤 2: 分 别 对 拖 入 到 舞台 中 的 4 个 组 件 输入 动作 代码 , 从 上 到 下 分 别 输入 如 图 6.43 一 
图 6.46 所 示 的 代码 。 


ES eliek)T mtclick)T neLickyT 
A onclickl() ; root. enclick2() root. onclick3() ; _root. onclick(); 
} 1 


图 6.43 6.44 645 图 6.46 


步骤 3: 测试 效果 如 图 6.47 a 完整 动画 演示 效果 请 观看 从 网 上 下 载 的 素材 第 6 章 
的 “测试 题目 .swf”Flash 文 件 。 








图 6.47 


四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 6 章 Flash CS5 综合 


[Fes 


作 / 测 试题 目 练习 .swf” 文 件 。 





6.3.4 案例 四 : 综合 试题 测试 


案例 效果 见 本 书 提供 的 “第 6 音 Flash CS5 综合 制作 /综合 试题 测试 .swf” 文件 。 通 过 
预览 了 解 本 委 例 的 最 终 效 果 。 本 雪 例 主要 使 用 文字 工具 、 添 加 组 件 、、 导 入 图 片 、 修 改组 
件 属性 和 添加 脚本 语言 来 制作 综合 试题 测试 效果 。 通 过 该 案例 的 学 习 ， 使 学 生 巩固 组 件 的 
添加 和 组 件 属性 的 修改 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 








案例 画面 效果 如 下 : 
案例 制作 的 大 致 步骤 
使 用 线条 工具 、 矩 添加 组 件 ， 根 据 添加 净 
形 工具 、 棋 癌 工 具 和 十 斤 负 要 家 修改 组 件 的 本 代码 ,测试 
光 工 具 制作 “ 虚 板 " 图 | 一 > | 用 伟 .导入 图 片 。 | 二 -> 全 呈 . 


形 元 件 。 





三 、 详 细 操 作 步 又 

1. 制作 “底板 ”图 形 元 件 

步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “综合 试题 测试 .fla” 的 文件 。 

步骤 2 : 单 市 EN 本 ES 于 命令 ,弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
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如 图 6.48 所 示 , 单 击 . 冯 按钮 。 
步骤 3: 利用 工具 箱 中 的 S( 线 条) 工具 、 口 ( 拭 形 ) 工 具 、O 〇 ( 棚 恩 工具 绘制 如 图 6.49 
所 示 的 图 形 。 
步骤 4: 利用 工具 箱 中 的 慌 阁 料 桶 ) 工 具 和 【颜色 】 浮 动 面板 对 绘制 的 图 形 进行 填充 ， 
效果 如 图 6.50 所 示 。 
| OOOO0OO | 





| | 


图 6.49 图 6.50 

步骤 $: 单 击 时 间 轴 左上 角 的 本 39 安 钮 ， 返 回 场景 。 

2. 输入 文本 并 设置 文字 属性 

步骤 1: 将 “底板 ”图 形 元 件 拖 到 舞台 中 ， 再 利用 里 (文字 ) 工 具 在 舞台 中 输入 文字 , 如 
6.51 所 示 。 


步骤 2: 单 击 轩 CXY 字 ) 工 具 , 在 舞台 中 拖 出 一 个 动态 文本 框 , 位 置 、 大 小 如 图 6.52 所 示 ， 
动态 文字 的 【属性 】 面 板 设置 如 图 6.53 所 示 。 











图 6.51 图 6.52 


3. 添加 组 件 和 修改 组 件 属性 


步骤 1: 单 击 EDEIT -IES3I 命 令 ， 弹 出 【组 件 】 对 话 框 ， 选 择 如 图 6.54 所 示 的 组 件 ， 
将 其 拖 动 到 舞台 中 ， 设 置 组 件 属性 为 如 图 6.55 所 示 。 

步骤 2: 在 第 3 帧 处 右 击 , 在 弹出 的 快捷 菜单 中 单 击 卫 EE 驹 5 令 ,此 时 在 第 3 帧 处 插入 
了 一 个 普通 帧 。 

步骤 3: 利用 前 面 所 学 知识 ， 插 入 两 个 图 层 ， 分 别 为 “图 层 1”、“ 图 层 2”。 

步骤 4: 在 “图 层 2” 的 第 2 帧 处 插入 一 个 关键 帧 ， 输 入 如 图 6.56 所 示 的 文字 。 





图 654 图 655 图 6.56 
步骤 S: 单 击 ED -有 ES 命令 ， 弹 出 【组 件 】 对 话 框 ， 选 择 如 图 6.57 所 示 的 组 件 ， 


将 两 个 相同 的 组 件 拖 动 到 “图 层 2” 第 2 帧 的 舞台 中 ,组件 【 属 性 】 面板 的 设置 从 左 到 
右 如 图 6.58 一 图 6.59 所 示 。 





| 一 | 
EP 证 
pr — | omedeee 一 
| 
ee 口 ad a 
图 6.58 图 6.59 


4. 添加 图 片 并 将 图 片 转换 为 元 件 


步骤 1: 利用 前 面 所 学 知识 ， 导 入 如 图 6.60 所 示 的 图 片 。 

步骤 2: 单 市 Eo 日 E5933 十 令 ,弹出 【创建 新 元 件 】 对 话 框 ,具体 设置 
如 图 6.61 所 示 ， 并 单 击 _as 按钮。 

步骤 3: 将 导入 的 图 片 拖 到 工作 区 ， 图 片 放 在 中 心 点 的 左下 角 。 

步骤 4: 单 击 时 间 轴 左上 角 的 本 对 家 钮 ， 返 回 场景 。 

步骤 5: 在 库 中 的 “image” 影 片 筋 辑 元 件 上 右 击 ， 在 弹出 的 快捷 某 单 中 单 击 有 有 语 
令 , 弹出 【链接 属性 】 对 话 框 , 设置 如 图 6.62 所 示 , 单 击 | 强生 | 按钮 。 

步骤 6: 在 “图 层 2” 的 第 3 帧 处 插入 一 个 关键 帧 ， 并 选中 该 帧 ， 然 后 将 不 需要 的 元 件 


Wr 
Bonne 


SF 





图 6.60 图 6.61 图 6.62 
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5. 添加 图 片 并 和 将 图 片 转换 为 元 件 


步骤 1: 单 击 ER ESG 命令 ， 弹 出 【组 件 】 对 话 框 ， 选 择 如 图 6.63 所 示 的 组 件 ， 
将 其 拖 到 舞台 中 , 调整 好 位 置 、 大 小 , 如 图 6.64 所 示 。【 属 性 】 面板 的 设置 如 图 6.65 所 示 。 


sn 





图 6.63 图 6.64 图 6.65 


步 梳 2: 利用 文字) 工具 在 “图 层 2” 第 2 帧 的 舞台 上 输入 如 图 6.66 所 示 的 文字 。 

步骤 3: 选择 EE 四 一 EEE 市 令 ， 弹 出 【组 件 】 对 话 框 ， 选 择 如 图 6.67 所 示 的 组 件 ， 
拖 两 个 相同 的 组 件 到 “图 层 2” 第 3 帧 的 舞台 中 ， 组 件 【属性 】 面 板 的 设置 从 左 到 右 如 
6.68 与 图 6.69 所 示 。 





6. 插入 关键 愤 并 添加 代码 

步骤 1: 分 别 在 “图 层 3” 的 第 1、 第 2、 第 3 帧 各 插入 一 个 关键 帧 。 第 1 个 关键 帧 的 
动作 代码 如 图 6.70 所 示 , 第 2 个 关键 帧 的 动作 代码 如 图 6.71 所 示 , 第 3 个 关键 帧 的 动作 代 
码 如 图 6.72 所 示 。 

步骤 2: 最 终 测试 效果 如 图 6.73 所 示 。 完 整 动画 演示 请 观看 从 网 上 下 载 的 素 村 第 6 章 





[Fas Gs5 Hawt soe 
的 “综合 试题 测试 swf Flah 文 件 。 


090 
sver, text 三: 
lo = nev Object (): 
10, change = fumetion(evt) [ 
这 (evrt.target. text me“ 再 史 "){ 
€ot oAndStop (2) ; 
| else if (evt,target, text w= “ 动 温 ")1 
gotofndSeop (3) ; 
lelee [ 
gotohndstop (1) ; 
} 


] 
sel. ddEvetListener ("change”, 10) 4 


图 6.70 


DD newer, tort = 
2 fora = nev Object (0); 
3 fora. elicr = funetion(ew) | 


if (evt.target. selection. label == “日 本") | 
5 Msver, text 于 “ 

- 儿 呈 | 

Ye treet, selection label ss “中 国 ") 1 
8 aywer text =“ 迪 绞 ” 

i 


Hl radiotrowp. sd 二 ventLiztenezf click”, forn); 
图 6.72 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 
作 / 综 合 试题 测试 练习 .swf” 文件 。 


never. text = ~ 
forn = new Object(); 
forn. click = function(evt) | 
证 (evt.target. zelectior label == “四 川 害 ") { 
never, text =“ 正 确 ” 
】 
if (evt. tareet, zelecticn label ==“ 江 可 用 ) 1 
sanswer, text =“ 锚 误 
) 
} 
radicGroup. addEventListener(” click’, forn); 


图 6.71 








图 6.73 


完整 效果 请 观看 “第 6 章 Flash CS5 综合 








6.3.5 ”案例 五 :系统 登录 界面 
一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 6 音 Flash CS5 综合 制作 /系统 登录 界面 swt” 文件。 通过 


预览 了 解 本 案例 的 最 终 效果 。 本 案例 主要 使 用 文字 工具 、 文 字 属性 设置 、 导 入 图 片 、 创 建 
元 件 、 修 改元 件 属性 和 添加 脚本 语言 来 制作 系统 登录 界面 效果 。 通 过 该 案例 的 学 习 ， 使 学 
生 熟 练 掌握 系统 登录 界面 的 制作 原理 、 方 法 和 技巧 。 
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二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 
秦 例 画面 效果 如 下 : 





过 例 制作 的 大 致 步 双 : 
使 用 线条 工具 、 垂 制作 一 个 确定 界 给 撤 钮 
形 工具 、 椭 加 工具 和 填 面 和 两 个 人 宙 对 话 的 和 关 镑 帆 季 





到 工具 制作 “底板 ”图 | [> 影片 划 和 小 动 辐 。 。 | 己 一 > 加 全 。 
形 元 件 。 | 





三 、 详 细 操 作 步 又 
1. 制作 “底板 ”图 形 元 件 


步骤 1: 运行 Flash CS5, 新 建 一 个 名 为 “系统 登录 界面 .fla” 的 文件 。 

步骤 2: 单 市 Bony- EEE 全 令 ， 弹 出 【创建 新 元 件 】 对 话 框 ， 具体 设置 如 
图 6.74 所 示 ， 并 单 击 一 星 - 按 钮 。 

步骤 3: 利用 工具 箱 中 的 S( 线 条) 工具、 口算 形 ) 工 具 、O 〇 ( 椭 加 工具 绘制 如 图 6.75 
所 示 的 图 形 。 





























图 6.74 图 6.75 


步骤 4: 利用 工具 箱 中 的 多 ( 额 料 桶 ) 工 具 和 【颜色 】 浮 动 面板 对 绘制 的 图 形 进行 填充 ， 
利用 沪 慎 充 变 形 ) 工 具 对 填充 进行 调整 ， 效 果 如 图 6.76 所 示 。 
步骤 5: 利用 (文字 ) 工 具 输 入 文字 ,调整 好 文字 的 大 小 和 额 色 , 效果 如 图 6.77 所 示 。 





图 6.76 





2. 制作 按钮 和 影片 剪 终 元 件 


步骤 1: 利用 前 面 所 学 知识 ,制作 一 个 如 图 6.78 所 示 的 按钮 。 
步骤 2: 利用 前 面 所 学 知识 ， 制 作 两 个 简单 动画 ， 如 图 6.79 所 示 。 


日 
TS 


十 二 = 


图 678 





3. 添加 动作 脚本 代码 


步骤 1: 将 “ 库 ” 中 的 “底板 ”图 形 元 件 和 “按钮 ”元 件 拖 到 舞台 中 ,位置 如 图 6.80 
所 示 。 

步骤 2: 在 按钮 上 右 击 , 在 弹出 的 快捷 菜单 中 单 击 医 独 命 令 , 弹出 【动作 】 脚 本 对 话 
框 , 输入 如 图 6.81 所 示 的 代码 。 


om (release) | 
if (secret, texzt== pasz 
{ goroArdplay(2); ) 
elze 
| secret rextz 
inesetiaes-1; 
infe.tezt= 口令 错 谈 ! 还 有 "+tines+ 次 机 会 - 


} 
i (tines==0) 8otokndStop (3): 





图 6.80 图 6.81 


步骤 3: 在 图 层 的 第 2 帧 、 第 3 帧 处 分 别 插入 关键 帧 ， 在 第 2 个 关键 帧 处 拖 入 “欢迎 
登录 本 系统 ”影片 剪辑 。 在 第 3 个 关键 帧 处 拖 入 “无 法 登录 系统 ”影片 剪辑 。 
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步骤 4: 给 第 1 帧 、 第 2 帧 、 第 3 帧 分 别 给 入 如 图 6.82 一 图 6.84 所 示 的 代码 。 
目 T stop(): 
2 
图 6.82 图 6.83 图 6.84 

步骤 $: 选中 第 1 帧 , 在 舞台 中 建立 两 个 输入 文本 框 , 位 置 、 大 小 如 图 6.85 所 示 ， 从 
上 和 到 下 两 个 文本 框 的 属性 设置 如 图 6.86 与 图 6.87 所 示 。 

步骤 6: 测试 效果 如 图 6.88 所 示 ， 完整 动画 演示 效果 请 观看 从 网 上 下 载 的 素材 第 6 章 
的 “系统 登录 界面 .swf”Flash 文件 。 


1 stop() ; 






四 、 举 一 反 三 
使 用 前 面 所 学 知识 绘 剂 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 6 间 Flash CS5 综合 
作 / 系 统 登录 界面 练习 .swf” 文件 。 





rm 
6.3.6 ”案例 六 : 360" 全 景 图 


一 、 案 例 效果 预览 


案例 效果 见 本 书 提供 的 “第 6 章 Flash CS5 综合 制作 /360” 全 景 图 .swf” 文件 。 通 过 预 
览 了 解 本 案例 的 最 终 效果 。 本 秦 例 主要 使 用 文字 工具 、 文 字 属 性 设置 、 椭 圆 工具 、 导 入 图 
片 、 创 建 元 件 、 修 改元 件 属性 和 添加 脚本 语言 来 制作 360” 全 景 图 效果 。 通 过 该 案例 的 学 习 ， 
使 学 生 熟练 掌握 360° 全 景 图 效果 制作 原理 、 方 法 和 技巧 。 

二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 

案例 画面 效果 如 下 : 


案例 制作 的 大 致 步骤 : 


使 月 线 包 工具 和 棋 便 作 “图 片 移 给 影片 药 
贺 工 具 制 作 “ 光 标 ” 影 动 ” 和 “图 片 纵 放 ”。 部 籁 添加 动 
片 前 部 元件， 刻 一 > 两 个 影片 前 名 元 件 ，| 嘱 一 > 作 代 码 ， 





三 、 详 细 操 作 步 又 

1. 制作 “光标 ”影片 欧 缉 元 件 

步骤 1: 运行 Flash CS5， 新 建 一 个 名 为 “360" 全 景 图 aa” 的 文件 。 

步骤 2: 单 击 Eo EI 和 9 命令 ,弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
如 图 6.89 所 示 , 单 击 .we 按钮 。 

步骤 3: 利用 工具 箱 中 的 ~( 线 条) 工具 、O 〇 ( 柄 图 ) 工 具 绘制 如 图 6.90 所 示 的 图 形 。 








图 6.89 图 6.90 
步骤 4: 单 击 时 间 轴 左上 角 的 本 导 安 钮 ， 返 回 场景 。 


i 
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2. 制作 “图 片 移动 ”影片 前 辑 元 件 


步骤 1: 单 击 EN 一 FEIIIGEIIS 合 令 ， 绊 出 【创建 新 元 件 】 对话 框 ， 具 体 设置 
如 图 6.91 所 示 , 单 击 __ me 按钮 。 








图 691 


步骤 2: 利用 前 面 所 学 知识 ， 导 入 一 张 图 片 。 
步骤 3: 将 导入 的 图 片 拖 到 “图 片 移动 ”影片 列强 工作 区 。 位 置 居中 , 如 图 6.92 所 示 。 


图 6.92 
步骤 4: 单 击 时 间 轴 左上 角 的 栈 5 安 钮 ， 返 回 场景 。 
3. 制作 “图 片 缩 族 ” 河 片 前 辑 元 件 
步骤 1: 单 击 乓 EE 和 0 和 3 命 今 ,弹出 【创建 新 元 件 】 对 话 框 ， 具体 设置 
如 图 6.93 所 示 , 单 击 一 研一] 按钮 。 
步骤 2: 将 “ 库 ” 中 的 “图 片 移动 ”影片 剪辑 元 件 拖 到 工作 区 中 央 , 设置 元 件 【 属 性 】 
面板 如 图 6.94 所 示 。 








图 6.93 


步骤 3: 单 击 时 间 轴 左上 角 的 栈 叶 安 钮 ， 返 回 场景 。 

4. 将 制作 好 的 元 件 拖 到 姓 台 中 并 添加 动作 脚本 代码 

步骤 1: 新 建 两 个 图 层 并 重 命名 ， 如 图 6.95 所 示 。 

步骤 2: 将 “ 库 ” 中 的 “图 片 缩放 ”影片 剪辑 拖 到 “图 片 ”图 层 的 舞台 中 央 。【 属 性 】 
面板 的 设置 如 图 6.96 所 示 。 

步骤 3: 选中 “标志 ”图 层 ， 在 舞台 中 央 利 用 线条 工具 ， 在 中 央 位 置 绘制 如 图 6.97 所 


示 的 4 标志 。 





村 
境 ; 男 片 组 甘 生 J 





图 695 图 6.96 图 697 


步骤 4: 选中 “光标 ”图 层 , 将 “ 库 ” 中 的 “光标 ”影片 剪辑 元 件 拖 到 舞台 中 央 , 【 属 
性 】 面板 的 设置 如 图 6.98 所 示 。 

步骤 5: 在 “光标 ” 层 的 第 1 帧 处 ， 添 加 如 图 6.99 所 示 的 动作 秆 本 。 

步骤 6: 选中 “图 片 ”图 层 中 的 “图 片 缩放 ”影片 筋 辑 ， 为 该 影片 剪辑 添加 如 图 6.100 
所 示 的 动作 脚本 。 


of liplvent (enterfrane) | 
ax = ot, Xaouse; 
Ny "ront, Taouse: 
1 = root, pie.picnove, x 
Ny = root, pic.picnove, yi 
seale = _root,pic. yscale, 
scale = root,Dic,_xscale. 
mew = tat (er-200)/10; 
这 (pewe(=-200) 1 

pewx * 200 


} 
3 (new)=1000) | 

pewe = 
1 
FO0t, DC. PicaoVe. _Xshpwx 
mevscale = sealer(ny-120)/8 
4 (pewecsle)I00) ( 





王 neweeale = 300: 
EE = | elae if (mwscale<b0) [ 
~ (ls) newscale = 60 
[Em 1 
更 | i 5 root, pie，_yacslesnewsosle 
7 全 是 介入 pe re 条 下 全 _root, pic, -zsc3le=pewscale 
mn Nouse. hide() | | 
图 6.98 图 6.99 图 6.100 


步骤 7: 测试 动画 效果 如 图 6.101 所 示 完整 动 男 演示 效果 请 观看 从 网 上 下 载 的 素材 第 
6 章 的 “360" 全景 图 .swf”Flash 文件 。 





图 6.101 
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四 、 举一反三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 6 章 Flash CS5 综合 
作 /360 "全 景 图 练习 -swf” 文件 。 





6.3.7 案例 七 : 看 图 识 标题 

一 、 案 例 效 果 预 览 

案例 效果 见 本 书 提供 的 “第 6 章 Flash CS5 综合 制作 /看 图 识 标题 .swf'” 文件 。 通 过 预 
览 了 解 本 案例 的 最 终 效 果 。 本 案例 主要 使 用 图 片 导 入 、 分 高 、 创 建 属 性 、 修 改元 件 属性 、 
添加 动作 脚本 、 彻 形 工 具 、 桥 圆 工具 、 线 条 工具 来 制作 看 图 识 标 题 效 果 。 通 过 该 乘 例 的 学 
习 ， 使 学 生 熟 练 掌握 看 图 识 标题 的 制作 原理 、 方 法 和 技巧 。 


二 、 本 案例 画面 效果 及 制作 步骤 (流程 ) 分 析 
笋 例 男 面 效 果 如 下 : 





案例 制作 的 大 至 步骤 : 


使 月 线条 工具 、 椭 圆 工 具 、 讶 导入 图 片 并 将 号 入 的 图 片 制 
兴工 具 等 制作 “底板 ”图 兹 元 件 。 | [> 作成 接生。 


pr "i 
cabana eas 3 施 到 舞台 中 并 设置 属 位 . 





[Fe mr: 


三 、 详 细 操 作 步 又 

1. 制作 “ 底 听 ”图 形 元 件 

步骤 1: 运行 Flash CS5， 新 建 一 个 名 为 “看 图 识 标题 -Ha” 的 文件 。 

步骤 2: 单 击 Eo ES 命令, 弹出 【创建 新 元 件 】 对 话 框 , 具体 设置 
如 图 6.102 所 示 ， 并 单 击 一 *e | 按钮 。 

步骤 3: 利用 工具 箱 中 的 以 (线条) 工具 、O 〇 ( 情 圆 ) 工 具 绘 制 如 图 6.103 所 示 的 图 形 。 





图 6.102 图 6.103 


步骤 4: 利用 工具 箱 中 的 谎 ( 额 料 桶 ) 工 具 和 【颜色 】 浮 动 面板 对 绘制 的 图 形 进行 填充 ， 
利用 总 填充 变形 ) 工 具 对 填充 进行 调整 ,效果 如 图 6.104 所 示 。 

步骤 5: 单 击 工具 箱 中 的 压 ( 文 字 ) 工 具 , 输入 文字 , 文字 的 大 小 、 字 体 、 位 置 、 阁 色 如 
图 6.105 所 示 。 





图 6.104 图 6.105 

步骤 6: 单 击 时 间 轴 左上 角 的 本 对 安 钮 ， 返 回 场景 。 

2. 导入 图 片 并 将 导入 的 图 片 制作 成 按钮 

步骤 1: 利用 前 面 所 学 知识 ,将 图 片 导 入 “ 库 ” 中 ,如 图 6.106 所 示 。 

步骤 2: 利用 前 面 所 学 知识 ， 为 导入 的 5 张 图 片 分 别 创建 5 个 按钮 ， 如 图 6.107 所 示 。 

步骤 3: 创建 一 个 “ 背 板 ”影片 剪辑 ， 如 图 6.108 所 示 。 

步骤 4: 利用 前 面 所 学 知识 ， 制 作 6 个 影片 前 辑 元 件 ， 将 相应 的 按钮 元 件 拖 到 影片 前 
辑 中 ,如 图 6.109 所 示 。 
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图 6.108 


3. 将 制作 好 的 按钮 和 澎 片 剪 辑 抑 到 僚 台 中 并 设置 属性 

步骤 1: 插入 一 个 新 图 层 并 对 其 重 命名 , 如 图 6.110 所 示 。 

步骤 2: 将 “ 库 ” 中 的 “底板 ”图 形 元 件 拖 到 “背景 ”图 层 中 。 

步骤 3: 将 “ 库 ” 中 的 5 个 “影片 剪辑 ”元 件 皂 到 “元 件 ” 图 层 中 , 位 置 、 大 小 如 图 6.111 
所 示 。 





图 6.110 图 6.111 


步骤 4: 利用 文字 工具 ， 在 “背景 ”图 层 中 输入 如 图 6.112 所 示 的 文字 。 
步骤 5: 将 相应 的 影片 剪辑 元 件 与 对 应 的 标题 位 置 放 好 ， 如 图 6.113 所 示 。 





图 6.112 图 6.113 


步 邓 6: 设置 如 图 6.114 所 示 的 影片 剪辑 【 属性】 面板 ， 其 余 设 置 从 左 到 右 分 别 为 如 
6.115~ 图 6.118 所 示 。 





图 6.117 图 6.118 
步骤 7: 将 “ 库 ” 中 的 “ 背 板 ”影片 剪辑 拖 动 5 次 到 “背景 ”图 层 中 ， 并 调整 它们 的 
Alpha 值 为 “50%”。 设置 它们 的 “ 背 板 ”属性 ， 从 左 到 右 的 【属性 了 面板 设置 为 如 图 6.119 一 
图 6.123 所 示 。 





加 UL 站 网 
图 6.122 
4. 添加 动作 代码 


步骤 1: 单 击 文 字 ) 工 具 ， 在 舞台 中 拖 出 一 个 动态 文本 框 ， 文 本 框 的 〖【 属 性】 面板 设 
置 为 如 图 6.124 所 示 。 
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步骤 2: 双击 “元 件 ” 图 层 的 “ 偷 了 骨头 还 想 溜 1” 影 片 胃 辑 , 进入 影片 到 辑 编辑 状态 ， 
在 “ 偷 了 骨头 还 想 溜 1” 影 片 剪 辑 上 右 击 ， 弹 出 快捷 菜单 ， 在 快捷 菜单 中 单 击 EEB 市 令 ， 此 
时 将 弹出 【动作 】 脚 本 对 话 框 , 输入 如 图 6.125 所 示 的 代码 。 
步骤 3 :方法 同 第 2 步 , 从 左 到 右 分 别 给 相应 的 影片 剪辑 添加 代码 ,如 图 6.126 一 图 6.129 


所 示 。 


步骤 4: 将 “元 件 ”图 中 的 元 件 位 置 打 乱 ， 如 图 6.130 所 示 。 


on (press) | 

root.pl. startDras() 

20 = grtproperty(_root. hitpl, 2) - 

0 = tetproperty( rort, hitpl, 7); 

wis_root. Bl. x: 

yls_root.pl._y; 

1 
on (relesse) [ 

root,pl. stopbrae() ; 

i (Croot.pl.hitTest (x0,y0,0)) 1 
root. pl xwnO; 
root.pl._y=y0; 

-toot, info *“ 奶 T 细 头 还 关注 | “; 
toot,hitpl. _visible=FALSE; 

1 else 人 
toot.pl, x=pl; 
toot, pl. yy; 


-root. info =“ 仿 了 当头 还 基 济 容 轩 不 会 壬 1“ 


图 6.125 


on (press) 【 
root.p3. startDrag(); 
x0 = getproperty(_roor.hitp3,_x): 
yO = tetproperty(Lroot. hitpy, _y) : 
1=_root.y3. xX: 
yls_root.p -7; 
) 
om (release) { 
~Y001.p3. stopDrag > 
Croot,p3. hitTest (x0,y0,0)) 【 
_¥oot,p3._x=x0; 
reot. pI. y=y0; 
_reot info =“ 相 条 模 术 | “; 
00t. hitp]. visiblesFALSE: 
) ze 1 
-root.p3._x=zl: 
xoot,.p3. yy 


-root, info =“ 相亲 相 天 放 置 不 合适 5“; 


图 6.127 


Fon tprers) { 
rer.pe. martprag0: 
3 0» terpreperty( root, hiVp2 1): 
二 10 = eetproperty(reot. Mitp?, 7); 
eroot,p2. Ee; 
ls.ro0t, p27: 
Hl 
on eelense) 1 
eet.p2. etopbragl); 
0 i (Croot.p2. MrTest (rd,y0,0)) 1 
a root PA, end 
者 et 0 
a Toot, ipfe “AAA "; 
1 eot, kisp2 .wisiblerPALSE 
La elset 
4 ot pe mail: 
Ld Neot, 2, ey: 
19 oet, pf “太太 大 项 六 时 不合 遂 1 
3 了 
到 1 
图 6.126 
on (press] T 


root.p4. startbrag 0 ; 
x0 = getproperty (root,hitpd, _X) ; 
30 = getproperty(_root. hitpa, _y); 
Wile_root. pad. x; 
Tl=_root.p4. 7; 
} 
on (releaze) [ 
-root.p4. stopDrag{); 
if (root.p4.hitTest (x0,y0,0)) 1 
Toot. ph4, _x=x0; 
ro0t.p4. .y=y0; 
root. imfo = “各 你 过 辣 ! "; 
root. hitpd, visible=FALSE: 
} se 1 
root.p4, XL; 
To0t.p4. y=yl; 
-root. info =“ 醒 你 这 河 规 秆 不 全 对 1“; 
} 
} 


图 6.128 
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on (press) E 

root.p5. startDraeO ; 

20 = cetproperty(_root, hitpS, x); 

70 = tetproperty(_root, hitp5, _y)- 

lm_root. D5. 

yl=_root. pS -7; 

1 
on (relesse) [ 

xoot, pS, stopDras () ; 

1 Croot. pS. hitTest xb y0,0)) ¢ 
root. pS, x=x0; 
root. p56. _y=y0- 

-ost iMo a “| 
Foot, hitps. visible=FALSE: 

} alse 1 
roat.75. el; 
root, p6, y=yl; 
root, LiMo =“ 千 钦 咎 不 合 活 1 -: 

} 

} 





图 6.129 图 6.130 


步骤 $: 测 试 效果 如 图 6.131 所 示 ,完整 动画 测试 请 观看 从 网 上 下 载 的 素材 第 6 章 的 “看 
图 识 标题 -swf”Flash 文件 。 





图 6.131 
四 、 举 一 反 三 


使 用 前 面 所 学 知识 绘制 如 下 所 示 的 图 形 ， 完 整 效果 请 观看 “第 6 章 Flash CS5 综合 
作 / 看 图 识 标题 练习 .swf” 文件 。 





